html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}:root{--mozillaText: "Mozilla Text", sans-serif;--outfitText: "Outfit", sans-serif;--mainPaddingX: 12.5rem;--black1: rgb(35, 35, 35);--black2: rgb(100, 100, 100);--middleblack: rgb( 75, 75, 75 );--white1: rgb(235, 235, 235);--white2: rgb(200, 200, 200);--middlewhite: rgb( 210, 210, 210 )}li{list-style:none}a{text-decoration:none}h1{font-size:10rem}h2{font-size:6.2rem}h3{font-size:4rem}h4{font-size:3.2rem}h5{font-size:2.3rem}p{font-size:1.8rem}.thin{font-weight:200}@media screen and (max-width: 1050px){:root{--mainPaddingX: 3.5rem}h1{font-size:5rem}h3{font-size:1.8rem}h4{font-size:1.75rem}h5{font-size:1.35rem}}@media screen and (max-width: 650px){:root{--mainPaddingX: 1.25rem}h1{font-size:3.8rem}h3{font-size:1.8rem}h4{font-size:1.5rem}h5{font-size:1.35rem}}.fixed-menu{display:flex;align-items:center;justify-content:space-between;width:100%;padding:3rem var(--mainPaddingX);position:sticky;top:0;z-index:20}.fixed-menu:after{content:"";position:absolute;width:100%;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);height:100px;left:0;z-index:-1}.fixed-menu:before{content:"";position:absolute;inset:0;background:var(--mainBg1);opacity:45%;z-index:-1}.fixed-menu-logo{color:var(--mainColor);text-shadow:2px 2px 4px var(--middleColor)}.reverse-color{background:var(--mainColor);color:var(--mainBg1);text-shadow:0px 0px 2px var(--mainBg1);border-radius:.5rem}.theme-btn{cursor:pointer;width:55px;height:45px;border-radius:2rem;position:relative;background:var(--secondaryColor);outline:none;border:none;transition:.25s ease;transform:scale(.75)}.theme-btn:hover{box-shadow:0 0 2px #000,1px 2px 5px #000 inset}.button-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sun-icon{height:30px;width:30px;position:relative;display:flex;align-items:center;justify-content:center;animation:animatesun 2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes animatesun{0%{transform:rotate(360deg) scale(0)}to{transform:rotate(0) scale(1)}}.sun{width:50%;height:50%;border-radius:50%;border:1px solid var(--mainColor)}.rays-container{position:absolute;inset:0}.ray{position:absolute;inset:0;transform:scaleY(0)}.ray:after{content:"";height:20%;width:1px;background:var(--mainColor);position:absolute;left:50%;transform:translate(-1px)}@keyframes growray{to{height:20%}}.ray-1{transform:rotate(45deg)}.ray-2{transform:rotate(90deg)}.ray-3{transform:rotate(135deg)}.ray-4{transform:rotate(180deg)}.ray-5{transform:rotate(225deg)}.ray-6{transform:rotate(270deg)}.ray-7{transform:rotate(315deg)}.ray-8{transform:rotate(360deg)}.moon{height:30px;width:30px;border-radius:50%;border:1px solid black;background:var(--mainColor);position:relative;transform:scale(0);animation:scalemoon 1s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scalemoon{to{transform:scale(1)}}.moon:after{content:"";position:absolute;width:25px;height:30px;left:12px;top:-3px;border-radius:50%;background:var(--secondaryColor)}@media screen and (max-width: 650px){.fixed-menu{padding:2rem var(--mainPaddingX)}.theme-btn{width:55px;height:40px}.moon{height:25px;width:25px}.moon:after{width:20px;height:25px;left:8px}.sun{height:45%;width:45%}.ray:after{height:12.5%;transform:translate(-1px) translateY(2px)}}.header-layer-bottom{position:relative;color:var(--mainColor);filter:blur(200px);transform:scale(0);animation:clearblur 1s .25s forwards}@keyframes clearblur{to{transform:scale(1);filter:blur(0px)}}.caption-div h3{transform:translate(-30rem);animation:slideright 1s var(--delay) cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideright{to{transform:translate(0)}}.top-flex-h1-bottom,.h1-quotes-bottom{color:var(--mainBg1);text-shadow:1px 0px 0px var(--mainColor),-1px 0px 0px var(--mainColor),0px 1px 0px var(--mainColor),0px -1px 0px var(--mainColor)}.h1-quotes-bottom{color:var(--middleColor)}.h1-title-bottom{position:relative;text-shadow:0px 0px 0px var(--mainBg);animation:showtextshadow 1s 1s forwards}@keyframes showtextshadow{to{text-shadow:0px 2px 10px var(--secondaryColor)}}.h1-title-bottom:after{content:"Developer";text-transform:uppercase;position:absolute;bottom:-9rem;left:0;font-size:17rem;transform:rotateX(90deg);filter:blur(10px);animation:showshadow 1s 1s forwards;opacity:.65}@keyframes showshadow{to{transform:rotateX(105deg) skew(-15deg) translate(1.5rem)}}@media screen and (max-width: 1150px){.h1-title-bottom:after{bottom:-7rem;font-size:11.5rem}}@media screen and (max-width: 650px){.h1-title-bottom:after{bottom:-3rem;font-size:4.2rem;filter:blur(5px)}@keyframes showshadow{to{transform:rotateX(105deg) skew(-15deg) translate(.5rem)}}}@property --percentY{syntax: "<percentage>"; inherits: false; initial-value: -50%;}.header-layer-top{background:linear-gradient(var(--secondaryBg1),var(--secondaryBg2));color:var(--secondaryColor);position:absolute;inset:0;clip-path:circle(var(--circleSize) at 50% var(--percentY));animation:dropspotlight 1s 1.5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes dropspotlight{to{--percentY: 50%}}.top-flex-h1-top,.h1-quotes-top{color:var(--middleBg);position:relative;text-shadow:1px 0px 0px var(--secondaryColor),-1px 0px 0px var(--secondaryColor),0px 1px 0px var(--secondaryColor),0px -1px 0px var(--secondaryColor)}.h1-title-div-top{border:2px solid blue;position:relative}.h1-title-top{position:relative;text-shadow:0px 2px 15px var(--primaryColor)}.h1-title-top:after{content:"Developer";text-transform:uppercase;position:absolute;bottom:-9rem;left:0;font-size:17rem;transform:rotateX(110deg) skew(-15deg) translate(1.5rem);filter:blur(10px)}@media screen and (max-width: 1150px){.h1-title-top:after{bottom:-7rem;font-size:11.5rem}}@media screen and (max-width: 650px){.h1-title-top:after{bottom:-3rem;font-size:4.2rem;filter:blur(5px);transform:rotateX(110deg) skew(-15deg) translate(.5rem)}}.header{position:relative;font-family:var(--primaryFont);height:100vh}.header-layer{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.header-layer-content{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100%;width:100%;padding:5rem var(--mainPaddingX)}.shiny-success{text-shadow:2px 2px 5px var(--mainColor)}.top-flex-row{display:flex;justify-content:space-between;width:100%;height:175px;padding:0 2.5rem}.top-flex-title-div{height:100%;display:flex;align-items:flex-start}.top-flex-h1{font-size:13.5rem;line-height:12rem}.captions-box{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;padding-right:3rem;overflow:hidden}.caption-div h3{font-weight:200;line-height:4rem}.em-h3{margin-left:-.5rem}.bold-caption-div-letter{font-weight:700;font-size:5rem}.h1-title{font-size:17rem;text-transform:uppercase;letter-spacing:1rem;margin:2rem 0}.bottom-flex-row{width:100%;display:flex;justify-content:space-between;padding:0rem 3rem}.h1-quotes{font-size:15rem}.blurb-div{width:450px}.blurb-div p{font-size:2rem}@media screen and (max-width: 1150px){.top-flex-row{height:150px}.top-flex-h1,.h1-quotes{font-size:7.5rem}.h1-title{font-size:11.5rem;text-transform:uppercase;letter-spacing:.65rem;margin:2rem 0}}@media screen and (max-width: 650px){.quotes-div{position:absolute;bottom:-3.5rem}.header-layer-content{padding:2rem}.top-flex-row{padding:0rem 2.5rem}.bottom-flex-row{padding:0rem;justify-content:center;align-items:center;margin-bottom:5rem}.h1-title{font-size:4.2rem;text-transform:uppercase;letter-spacing:.35rem}.top-flex-h1{font-size:4.5rem}.blurb-div{width:235px;text-align:center;position:relative;margin-top:4rem}.blurb-div p{font-size:1.3rem}.caption-div h3{line-height:3rem}}.top-row-keyboard-btn{flex:1;padding:.25rem}.keyboard-btn{padding:1rem 0rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.25rem}.invisible-btn{opacity:0;pointer-events:none}.power-btn{border-radius:.25rem;background:#0f0f0f;outline:none;border:none;cursor:pointer;box-shadow:0 -3px 10px #232323d9 inset,0 2px 3px #09fc9f}@media screen and (max-width: 1050px){.keyboard-btn p{font-size:1rem}}.keyboard-row{width:100%;display:flex;gap:.5rem;margin-bottom:.5rem;white-space:nowrap}.keyboard-btn{outline:none;border:none;cursor:pointer;transition:.15s ease-in;padding:1rem;border-radius:.5rem;box-shadow:0 -5px 5px #232323a6 inset,0 0 #09fc9fbf;text-transform:capitalize}.keyboard-btn p{font-size:1.5rem}.illuminate-keyboard{animation:illuminatekeys 1s 3s forwards}.down-arrow{transform:rotate(180deg) translateY(5px)}@keyframes illuminatekeys{to{box-shadow:0 -5px 5px #232323a6 inset,0 2px #09fc9fbf}}.keyboard-btn:hover{box-shadow:0 -3px 10px #232323d9 inset,0 2px 3px #09fc9f;transition:.5s ease-out}.flex-2-btn{flex:2}.space-bar{flex:10;min-width:150px}@media screen and (max-width: 850px){.keyboard-btn{padding:.5rem;border-radius:.25rem}.space-bar{min-width:100px}.keyboard-btn p{font-size:1rem}.mobile-btn{display:none}}.mouse-pad{background:radial-gradient(silver,gray);position:absolute;inset:0;box-shadow:5px -5px 15px #191919a6 inset}.loader-parent{position:absolute;inset:0;background:#191919;filter:blur(100px);padding:.5rem;z-index:20}.loader-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.loader-card{width:200px;height:200px;position:relative;display:flex;align-items:center;justify-content:center;transition:.25s ease}.clear-loading-blur{animation:clearblur 1s 2.5s forwards,hideloader 1s 4.5s forwards}.loader-text{text-transform:uppercase;position:absolute;font-weight:600;color:#fff}@keyframes hideloader{to{transform:scale(0)}}.loader-outside-circle{position:absolute;background:conic-gradient(rgb(0,255,179) 0deg 90deg,transparent 90deg 180deg,rgb(0,255,179) 180deg 270deg,transparent 270deg);border-radius:50%;inset:0;display:flex;align-items:center;justify-content:center;animation:spincircle 2s linear infinite}.loader-outside-circle:before{position:absolute;background:conic-gradient(rgb(0,255,179) 0deg 90deg,transparent 90deg 180deg,rgb(0,255,179) 180deg 270deg,transparent 270deg);border-radius:50%;inset:0;width:100%;height:100%;content:"";filter:blur(2px)}@keyframes spincircle{to{transform:rotate(360deg)}}.loader-outside-circle:after{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);left:2px;top:2px;border-radius:50%;background:#191919}.loader-inside-circle{position:absolute;background:conic-gradient(rgb(46,145,202) 0deg 90deg,transparent 90deg 180deg,rgb(46,145,202) 180deg 270deg,transparent 270deg);border-radius:50%;width:65%;height:65%;z-index:5;display:flex;align-items:center;justify-content:center;animation:spincircle 1s ease-in infinite}.loader-inside-circle:before{position:absolute;background:conic-gradient(rgb(46,145,202) 0deg 90deg,transparent 90deg 180deg,rgb(46,145,202) 180deg 270deg,transparent 270deg);border-radius:50%;inset:0;width:100%;height:100%;content:"";filter:blur(2px)}.loader-inside-circle:after{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);background:#fff;left:2px;top:2px;border-radius:50%;background:#191919}.desktop-menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:5;background:#000;background:var(--mainBg1);color:var(--mainColor);padding:1rem}.menu-list{display:flex;gap:.5rem}.menu-list p{font-size:1rem}.flex-row{display:flex;gap:1rem}@media screen and (max-width: 650px){.menu-list{gap:.25rem}.menu-list p{font-size:.85rem}.flex-row{gap:.5rem}}.top-browser-bar{padding:.5rem;background:var(--secondaryBg2);height:25px}.browser-dots{display:flex;gap:.5rem}.browser-dot{width:10px;height:10px;border-radius:50%}.red-dot{background:red}.yellow-dot{background:#ff0}.green-dot{background:green}.browser-view-page{background:var(--mainBg1);flex-grow:1;position:relative}.browser-row{display:flex;padding:1rem}.browser-icons{display:flex;align-items:center;gap:.5rem}.browser-icon-item{margin:0 .5rem;font-size:1.5rem}.browser-search-input{background:var(--mainBg2);color:var(--mainColor);border-radius:1rem;width:100%;padding:.65rem;white-space:nowrap}.hamburger-dots{display:flex;align-items:center;font-size:1.75rem;margin:0rem 1rem}.browser-page-content{position:relative;flex-grow:1;padding:1rem;z-index:5;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(var(--mainBg1),var(--mainBg2))}.browser-page-content::-webkit-scrollbar{display:none}.browser-page-content:after{content:"";position:absolute;width:75%;height:150%;background:var(--mainBg2);border-radius:5rem;border-bottom-right-radius:35%;z-index:-1;top:2rem;left:-15%;top:-15%;transform:rotate(15deg);filter:blur(5px);opacity:65%}header{display:flex;align-items:center;justify-content:center;padding:.5rem 0;font-weight:200;gap:5rem}header h4{font-weight:200;font-size:2rem}.browserpage-header-text{display:flex;gap:.5rem}.header-icon-div{font-size:2.5rem;position:relative}.shadow-header-icon{position:absolute;inset:0;filter:blur(2px);transform:scale(1.2)}.user-info-col{flex:1}.user-info-skills-section{display:flex;flex-direction:column;align-items:center}.profile-img-info-section{display:flex;gap:2rem}.avatar-img{height:85px;width:85px;border-radius:2rem;box-shadow:4px 4px 10px #000}.user-info h5{font-size:1.2rem;font-weight:200}.skills{margin:.5rem 0rem;font-size:2.5rem;display:flex;gap:.5rem}.skill-item{margin:.5rem}.review-item{margin:1rem 0}.review-item h5{font-size:1rem}.review-item p{font-size:.85rem}.user-info-card{display:flex}@media screen and (max-width: 650px){header h4{font-weight:200;font-size:1.4rem}.user-info-flex-1{margin:0 1rem}.header-icon-div{font-size:1.75rem;position:relative}.user-info-card{flex-direction:column;padding:1rem}}.browser-window{position:absolute;inset:0;transform:scale(0);color:var(--mainColor);border-radius:.5rem;overflow:hidden}.open-browser-tab{animation:openbrowsertab 1s 7s forwards}@keyframes openbrowsertab{to{transform:scale(.95)}}.browser-container{display:flex;flex-direction:column;height:100%;width:100%}.browser-view-page{background:var(--mainBg1);flex-grow:1;position:relative;display:flex;flex-direction:column}.browser-tab{background:var(--mainBg1);position:absolute;top:-24px;left:65px;height:25px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.browser-tab p{font-size:.85rem}.desktop-container{position:absolute;inset:0;opacity:0;display:flex;flex-direction:column}.show-desktop{animation:showdesktop 1s 4.5s forwards}@keyframes showdesktop{to{opacity:1}}.desktop-main-area{flex-grow:1;width:100%;background-image:url(/assets/wallpaperpattern-Da3tOsVl.jpeg);object-fit:cover;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.directories-column{position:absolute;right:0;padding:2rem}.directory-item{margin:1.5rem 0;font-size:4rem;color:#4343f5}.directory-item p{font-size:1rem;line-height:0rem;color:#fff}.icons-row{position:absolute;inset:0;padding:.25rem;display:flex;align-items:flex-end;justify-content:center}.desktop-icons{display:flex;gap:1rem;z-index:2;margin:1rem 0}.desktop-icons-shadow{position:absolute;border:3px solid limegreen;bottom:0;display:flex;gap:1rem;background:#000;filter:blur(5px);padding:0rem 1rem;margin:1rem 0}.desktop-icon,.shadow-desktop-icon{height:30px;width:30px}.bounce-icon{animation:bounceicon 1s 5s forwards;animation-iteration-count:3}@keyframes bounceicon{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@media screen and (max-width: 650px){.directory-item{font-size:2rem}.directory-item p{font-size:.75rem}.desktop-icon,.shadow-desktop-icon{height:20px;width:20px}}.monitor{height:450px;width:100%;border-radius:.5rem;margin-bottom:1rem;position:relative;overflow:hidden;z-index:2}@media screen and (max-width: 1150px){.monitor{height:360px}}@media screen and (max-width: 650px){.monitor{height:325px}}.laptop-parent{position:relative;max-width:725px;margin:0 auto}.laptop{width:100%;border-radius:1rem;position:relative;transform:translateY(500)}.laptop:after{content:"";position:absolute;width:100%;height:5px;background:gray;bottom:0}.laptop-top{transform-origin:bottom;transform:rotateX(180deg);position:relative;backface-visibility:hidden;z-index:10}.open-laptop{animation:openlaptop 1s 1s ease-out forwards}@keyframes openlaptop{to{transform:rotateX(0)}}.laptop-top-back-shell{background:radial-gradient(#0f0f0f,#2d2d2d);position:absolute;inset:0;transform:rotateX(180deg);border-radius:1rem;background:var(--mainBg1);background:radial-gradient(var(--mainBg1),var(--mainBg2))}.laptop-top-front{position:relative;background:radial-gradient(#0f0f0f,#2d2d2d);inset:0;padding:1rem 1rem 2rem;border-top-left-radius:1rem;border-top-right-radius:1rem;background:radial-gradient(var(--mainBg1),var(--mainBg2));box-shadow:0 -5px 2px #19191940 inset,0 0 2px #000 inset}.macbook-air-text{color:var(--mainColor);font-weight:200;font-size:1.2rem;position:absolute;left:50%;transform:translate(-50%);text-shadow:0px 0px 5px var(--mainColor);bottom:7.5px}.laptop-bottom{height:50%;width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(#0f0f0f,#2d2d2d);box-shadow:0 5px 15px #000;background:var(--mainBg1);background:radial-gradient(var(--mainBg1),var(--mainBg2))}.keyboard-container{width:100%;height:60%}.mouse-container{width:clamp(35%,300px,60%);height:150px;margin:3rem 0;position:relative;border-radius:.5rem;overflow:hidden}@media screen and (max-width: 1050px){.mouse-container{height:85px}}.scene-container{position:relative}.scene-content-container{padding:5rem var(--mainPaddingX);position:relative}@media screen and (max-width: 650px){.scene-content-container{padding:5rem .5rem}}.footer-links{display:flex;align-items:center;justify-content:center;padding:1rem;gap:1rem}.footer-link-item{margin:0 1rem;cursor:pointer;transition:.25s ease}.footer-link-item:hover{transform:translateY(-.25rem)}.footer-link{font-size:2rem;color:var(--mainColor);position:relative}.samples-carousel-container{position:relative;display:flex;align-items:center;justify-content:center;width:800px;height:800px;border-radius:50%;transform:rotateX(75deg);transform-style:preserve-3d}.samples-carousel{position:absolute;inset:0;transform-style:preserve-3d;border-radius:50%;transition:1s cubic-bezier(.175,.885,.32,1.275)}.carousel-fill-in{position:absolute;inset:0;border-radius:50%;filter:blur(50px);background:linear-gradient(var(--mainColor),transparent)}.sample-item{position:absolute;border-radius:50%;inset:0;display:flex;align-items:flex-start;transform-style:preserve-3d;justify-content:center;transform:rotate(calc(var(--rotation) * 1deg))}.sample-item-card{position:relative;height:350px;aspect-ratio:3/4;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%) rotateX(-90deg) rotateY(180deg)}.sample-item-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sample-img-div,.sample-shadow-img-div{position:absolute;height:100%;width:100%;border-radius:1.25rem}.sample-shadow-img-div{transform:scale(1.2);filter:blur(1.25px)}.sample-img-div{box-shadow:0 2px 3px #19191973,0 5px 10px #191919a6}.sample-img,.sample-shadow-img{position:absolute;inset:0;height:100%;width:100%;border-radius:.5rem}@media screen and (max-width: 1050px){.samples-carousel-container{height:650px;width:650px}.sample-item-card{height:250px;width:200px}}@media screen and (max-width: 650px){.samples-carousel-container{height:350px;width:350px}.sample-item-card{height:150px;width:100px}}.samples-header{position:relative;height:250px;overflow:hidden}.samples-header-h1-div{position:absolute;color:var(--mainColor)}.samples-header-div-one{transform:translate(-120px) translateY(-45px);z-index:2;text-shadow:0px 0px 5px var(--mainBg1)}.samples-header-div-two{transform:scale(3);opacity:50%}.samples-header-div-three{transform:translate(120px) translateY(50px);z-index:2;text-shadow:0px 0px 5px var(--mainBg1)}@media screen and (max-width: 1050px){.samples-header{height:200px}}@property --btnglow{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.carousel-btn{width:200px;height:40px;outline:none;cursor:pointer;transition:.5s ease;border:none;background:transparent;text-transform:uppercase;letter-spacing:.5rem;position:relative;background:conic-gradient(from var(--btnglow),var(--mainColor) 20%,transparent 30%);border-radius:1rem}.carousel-btn:hover .carousel-btn-overlay{filter:blur(5px);animation:rotateglow 2s linear infinite}.carousel-btn:hover{transform:translateY(.25rem);box-shadow:2px 2px 2px var(--mainColor),2px 2px 15px var(--mainColor)}@keyframes rotateglow{to{--btnglow: 360deg}}.carousel-btn-overlay{position:absolute;inset:0;background:conic-gradient(from var(--btnglow),var(--mainColor) 20%,transparent 30%);border-radius:1rem}.carousel-btn-content{position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);inset:0;width:100%;height:100%;background:var(--mainBg1);color:var(--mainColor);display:flex;align-items:center;justify-content:center;border-radius:1rem}.focused-display-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:0px;overflow:hidden;position:relative;height:fit-content}.grow-focused-area{animation:grow-width 1s 1.5s forwards}@keyframes grow-width{to{width:335px}}.focused-laptop-container{height:300px;width:300px;position:relative;border-radius:1rem;overflow:hidden}.focused-info-card{padding:1rem;background:var(--mainColor);color:var(--mainBg1);width:fit-content;border-radius:.5rem;text-align:center;box-shadow:0 0 2px var(--mainBg2),3px 4px 10px #19191980,2px -2px 5px var(--mainBg1) inset}.focused-title{font-size:1.8rem;text-transform:capitalize}.focused-description{font-size:1rem;width:200px;margin:.5rem 0}.focused-technologies{display:flex;gap:.5rem;font-size:2rem}.focused-link{color:var(--mainColor1)}.focused-laptop-top{height:60%;width:100%;position:relative;background:var(--mainBg2)}.focused-laptop-monitor{position:absolute;width:calc(100% - 15px);height:calc(100% - 15px);left:7.5px;top:7.5px;border-radius:.5rem;overflow:hidden;background:silver}.focused-laptop-img{height:100%;width:100%}.focused-laptop-bottom{height:40%;width:100%;background:var(--mainBg2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;border-radius:.5rem;transform:rotateX(75deg);transform-origin:top;box-shadow:0 4px 5px #000,2px -5px 10px #191919a6 inset}.focused-laptop-keyboard-container{height:65%;width:100%;margin-top:.5rem;background:var(--mainBg1);border-radius:.5rem}.focused-laptop-mouse{width:33%;height:35%;background:var(--secondaryColor);border-radius:1rem;box-shadow:0 5px 2px #191919}.samples-container{padding:0rem var(--mainPaddingX);position:relative}.samples-main-content{position:relative;display:flex;align-items:center;justify-content:center;perspective:var(--perspective);transform:rotateX(90deg) translateY(20rem);animation:growperspective 3s forwards}@property --perspective{syntax: "<length>"; inherits: false; initial-value: 200px;}@keyframes growperspective{to{transform:rotateX(0) translateY(0);--perspective: 2000px}}.carousel-btns-row{display:flex;align-items:center;justify-content:space-evenly;gap:2rem;position:relative}.mobile-laptop-row{display:flex;align-items:center;justify-content:center;width:100%;margin-top:2rem}@media screen and (max-width: 650px){.samples-header{height:150px}.samples-header-div-one{transform:translate(-80px) translateY(-15px)}.samples-header-div-two{transform:scale(3)}.samples-header-div-three{transform:translate(80px) translateY(50px)}}.contact-section{display:flex;padding:5rem var(--mainPaddingX)}.contact-col{flex:1;position:relative}.envelope-parent-div{position:relative;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem}.envelope-container{width:clamp(55%,450px,100%);height:300px;position:relative;padding:1rem;overflow:hidden}.message-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;text-align:center;border-radius:50%;transform:scale(0);transition:.25s ease}.scale-message-status{animation:scalemessage 3s 3s forwards}@keyframes scalemessage{15%{transform:scale(1)}85%{transform:scale(1)}to{transform:scale(0)}}.message-status:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(white,transparent);z-index:-1;filter:blur(2.5px)}.envelope{width:100%;height:225px;border-radius:.25rem;position:relative;transform-style:preserve-3d;transform:rotateX(180deg)}.mail-letter{animation:mailletter 3s ease-in forwards}@keyframes mailletter{to{transform:rotateX(180deg) translate(1000px)}}.envelope-lines{position:absolute;height:100%;width:175px;z-index:10;transform:translate(-100%) scaleX(0);transform-origin:right;display:flex;flex-direction:column;align-items:flex-end;padding:1.5rem;justify-content:space-evenly}.mail-letterlines{animation:mailletterlines 1.5s .5s ease-out forwards}@keyframes mailletterlines{to{transform:translate(-100%) scaleX(1)}}.envelope-line{width:100px;height:1.5px;background:#000}.envelope-line:nth-child(2){width:65px}.envelope-side{position:absolute;inset:0;border-radius:.25rem}.envelope-front{background:#fff}.envelope-front:after{content:"";width:55.25%;height:2px;background:#d3d3d3;position:absolute;transform-origin:left;transform:rotate(25deg)}.envelope-front:before{content:"";width:55.25%;right:0;height:2px;background:#d3d3d3;position:absolute;transform-origin:right;transform:rotate(-25deg)}.envelope-back{background:#fff;transform:rotateX(180deg);backface-visibility:hidden;text-transform:capitalize}.contact-form{padding:1.5rem}.from-envelope-div{padding:1rem}.subject-envelope-div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:fit-content;margin:5rem auto;min-width:150px}.stamp-div{position:absolute;right:0;top:0;padding:1rem}.stamp{background:var(--mainColor);color:var(--mainBg1);position:relative;padding:.5rem;box-shadow:0 0 2px #191919d9}.stamp p{position:absolute;bottom:0;text-shadow:0px 0px 1px var(--mainColor);font-size:1rem;right:0;bottom:.5rem}.contact-form{overflow:hidden}.form-div label{display:block}.form-div p{margin:.5rem 0;color:var(--mainColor);text-shadow:0px 0px 2px var(--mainBg1)}.form-control{padding:1rem;width:100%;outline:none;border:none;border-bottom:2px solid var(--mainColor);box-shadow:0 5px 10px var(--mainColor);border-radius:.5rem;background:var(--mainBg1);color:var(--mainColor)}.form-text{width:100%;resize:none;height:125px;padding:1rem;border-radius:.5rem;background:var(--mainBg1);outline:none;border:none;border-bottom:2px solid black;border-bottom:2px solid var(--mainColor);box-shadow:0 5px 10px var(--mainColor);font-family:var(--primaryFont);color:var(--mainColor)}.form-error{position:relative;color:red;background:var(--mainColor);background:linear-gradient(to right,var(--mainColor),transparent);width:fit-content;padding:.5rem;font-weight:600;letter-spacing:.25rem;font-size:1.4rem;margin-top:1rem;border-radius:.5rem;transition:.5s cubic-bezier(.175,.885,.32,1.275)}.hide-form-error{transform:translate(-12.5rem)}.contact-btn{width:200px;height:45px;border-radius:.5rem;cursor:pointer;position:relative;border:none;font-size:1.5rem;text-transform:uppercase;z-index:5;font-weight:600;letter-spacing:.25rem}.contact-btn:after{content:"";position:absolute;inset:0;background:var(--mainBg2);border-radius:.5rem;z-index:-1;border:2px solid var(--mainColor);filter:blur(2.5px);opacity:0;transition:.25s ease}.contact-btn:hover:after{opacity:1}.contact-btn-content{position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);left:2px;top:2px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-transform:uppercase;background:var(--mainBg1)}@media screen and (max-width: 1050px){.contact-section{flex-direction:column}.contact-col{padding:0rem}.envelope-parent-div{padding:.5rem}}.app[data-theme=light]{--mainBg1: var(--white1);--mainBg2: var(--white2);--middleBg: var(--middlewhite);--secondaryBg1: var(--black1);--secondaryBg2: var(--black2);--middleBg: var(--middleblack);--middleColor: var(--middlewhite);--mainColor: var(--black1);--secondaryColor: var(--white1)}.app[data-theme=dark]{--mainBg1: var(--black1);--mainBg2: var(--black2);--middleBg: var(--middleblack);--secondaryBg1: var(--white1);--secondaryBg2: var(--white2);--middleBg: var(--middlewhite);--middleColor: var(--middleblack);--mainColor: var(--white1);--secondaryColor: var(--black1)}.app{--primaryFont: var(--mozillaText);--secondaryFont: var(--outfitText);font-family:var(--primaryFont);background:linear-gradient(var(--mainBg1),var(--mainBg2))}.app-content{max-width:144rem;margin:0 auto;position:relative;overflow:hidden}.react-blue{color:#06f}.html-orange{color:orange}.css-blue{color:#00f}.js-yellow{color:#ff0}.node-green{color:#32cd32}.mobile{display:none}.desktop-tablet{display:block}@media screen and (max-width: 650px){.desktop-tablet{display:none}.mobile{display:block}}