@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fasthand&display=swap);.max-width{margin:auto;max-width:90%}.flex{display:flex}.absolute-center{align-items:center;justify-content:center}.flex-col{flex-direction:column}:root{--bg-white:#fff;--bg-blue:#7ea2ec;--bg-black:#000;--bg-gray:#272727;--bg-lgray:#0000008c;--bg-shadow:#fafaff29 0px -5px 6px 0px inset,#2625253d 4px 6px 11px 1px inset;--bg-laptop:#0d0d0d}.slide-in-right{animation:slide-in-right .65s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-right{0%{opacity:0;transform:translateX(1000px)}to{opacity:1;transform:translateX(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-white);box-sizing:border-box;color:var(--bg-black);font-family:Nunito,sans-serif;margin:0}.bg-blue{background-color:#a9c9ff;background-image:linear-gradient(180deg,#a9c9ff,#ffbbec)}.main-wrapper{height:100vh;width:100vw}.main-image-wrapper{height:100%;width:50%}.main-intro{font-size:26px;font-weight:500;max-height:100%;width:50%}.profile-icon{border-radius:50%;height:400px;object-fit:cover;object-position:top center;position:relative;width:400px;z-index:1}.text-small{font-size:medium;font-weight:600}.gradient-border{--border-width:3px;border-radius:50%;height:407px;position:absolute;width:407px}.gradient-border:after{animation:moveGradient 4s infinite alternate;background:linear-gradient(450deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#abf25f,#5ff281,#5ff2f0);background-position:0 50%;background-size:300% 300%;border-radius:100%;content:"";height:calc(100% + var(--border-width)*2);left:calc(var(--border-width)*-1);position:absolute;top:calc(var(--border-width)*-1);width:calc(100% + var(--border-width)*2)}@keyframes moveGradient{50%{background-position:100% 50%}}@media (max-width:1024px){.profile-icon{height:350px;width:350px}.gradient-border{height:354.5px;width:354.5px}.main-intro{font-size:20px}}@media (max-width:961px){.profile-icon{height:275px;width:275px}.gradient-border{height:279.5px;width:279.5px}.main-intro{font-size:20px}}@media (max-width:768px){.profile-icon{height:225px;width:225px}.gradient-border{height:229.5px;width:229.5px}.main-intro{font-size:19px}}@media (max-width:641px){.main-wrapper{flex-wrap:wrap}.main-image-wrapper{height:30vh;width:100%}.profile-icon{height:200px;width:200px}.gradient-border{height:204.5px;width:204.5px}.main-intro{font-size:16.5px;max-height:70vh;text-align:left;width:100%}}.nav-sticky{background-color:var(--bg-lgray);border-radius:0 15px 15px 0;padding:8px 0;position:fixed;top:25%;z-index:100}.nav{padding:12px}.nav-logo{height:55px;width:55px}.nav-link .nav-logo,.nav-logo3{transition:transform .25s ease}.nav-link .nav-logo:hover,.nav-logo3:hover{transform:scale(1.25)}.nav-text{color:var(--bg-white);font-size:17px;margin:11px 0}.nav-logo3{height:61px;width:55px}.nav-text3{color:var(--bg-white);font-size:17px;margin:1px 0}@media (max-width:768px){.nav-sticky{top:18%}.nav-logo{height:40px;width:40px}.nav-logo3{height:43px;width:40px}.nav-text,.nav-text3{font-size:15px}}@media (max-width:641px){.nav-sticky{border-radius:15px 0 0 15px;right:0;top:13%}.nav-logo{height:25px;width:25px}.nav-logo3{height:30px;width:25px}.nav-text,.nav-text3{font-size:12px}.nav{padding:4.5px}}.project-screen-wrapper{background:linear-gradient(90deg,#7ee8fa,#eec0c6)}.project-screen{position:relative}.screen-display-wrapper{padding-left:28px;width:45%}.screen-display{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:70px}.laptop-screen-wrapper{padding-bottom:125px;padding-top:125px;width:55%}.laptop-screen{background-color:var(--bg-laptop);border-radius:50px;box-shadow:var(--bg-shadow);height:18%;max-height:100vh;padding:26px;position:sticky;top:125px;width:90%}.laptop-screen-display{background-color:var(--bg-gray);border-radius:35px;height:100%;overflow:hidden}.project-image{width:100%}.screen-text{opacity:0}.text-visible{opacity:1;transition:1.25s}.screen-name{font-size:62px;font-weight:bolder}.click{font-size:17px;font-weight:600}@media (max-width:1024px){.laptop-screen{height:6.5%;padding:20px}.screen-name{font-size:35px;font-weight:bolder}.click{font-size:13px;font-weight:600}}@media (max-width:768px){.laptop-screen{border-radius:35px;height:7%;padding:15px}.screen-name{font-size:25px;font-weight:bolder}.click{font-size:9px;font-weight:600}}@media (max-width:641px){.laptop-screen-wrapper{display:none}.screen-display-wrapper{padding:0;width:100%}.screen-name{font-size:25px;font-weight:bolder}.click{font-size:10px;font-weight:600}.screen-display{margin:20px 10px;min-height:-moz-fit-content;min-height:fit-content;padding:0}.screen-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.laptop-screen{background-color:var(--bg-laptop);border-radius:10px;box-shadow:var(--bg-shadow);height:15.5%;max-height:100vh;padding:7px;width:90%}.laptop-screen-display{background-color:var(--bg-gray);border-radius:10px;height:100%;overflow:hidden}.screen-name{font-size:24px;padding:12px}.click{padding:5px}}@media (min-width:641px){.mobile-screen{display:none}}.tools-bg{background-color:#d9afd9;background-image:linear-gradient(0deg,#d9afd9,#97d9e1)}.tools{font-size:25px;padding:35px 50px 10px}.exp,.tools{font-weight:600}.exp{font-size:17px;padding:20px 50px}.footer{align-items:center;color:#814248;font-family:Fasthand,cursive;font-size:25px;justify-content:flex-end;padding:8px}@media (max-width:1024px){.tools{font-size:20px}.exp{font-size:15px}}@media (max-width:768px){.tools{font-size:17px}.exp{font-size:13px}.footer{font-size:20px}}@media (max-width:641px){.tools{font-size:15px}.exp{font-size:12px}.footer{font-size:18px}}
/*# sourceMappingURL=main.b8a075c8.css.map*/