@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--landing-bg: #232323;--primary: #4395e1;--secondary: white}.landing-page{background-color:var(--landing-bg);height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:space-between;text-align:center;position:fixed}#zoom-v{display:inline-block}.zoom-animate{animation-name:zoom-in;animation-duration:5s;animation-iteration-count:1;animation-fill-mode:forwards}.outro{animation-name:outro;animation-duration:5s;animation-fill-mode:forwards}.landing-text{font-size:10vw;font-weight:700;margin-left:5%;color:var(--secondary);overflow:visible}.landing-text>div>span{color:var(--primary);overflow:visible}.headshot{min-width:550px;height:100%}.landing-button{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem;padding:10px 15px;border:0px solid;border-radius:10px;background-color:var(--primary);color:var(--secondary);font-weight:700;cursor:pointer}@keyframes zoom-in{0%{transform:scale(0)}25%{transform:scale(50)}50%{transform:scale(130)}70%{transform:scale(200)}to{transform:scale(200)}}@keyframes outro{0%{opacity:1}75%{opacity:1}to{opacity:0;display:none}}@media only screen and (max-width: 1200px){.landing-page{flex-direction:column;align-items:center;justify-content:space-between}.landing-text{width:100%;height:40%;display:flex;justify-content:center;align-items:center;font-size:10vh;margin:0}.headshot{height:60%}}.lds-ellipsis{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;z-index:2;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.about-me-container{background-color:var(--primary);display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;min-height:100vh;overflow:hidden}.no-scroll{height:100vh;overflow:hidden}.intro-animation{animation-name:intro;animation-duration:4s;animation-fill-mode:forwards}.coding-cartoon{width:25vw;min-width:300px;border-radius:30px;margin-left:2%;margin-right:2%}.about-me{color:var(--secondary);font-size:1.5rem;width:50%;text-align:left;margin-left:2%}@media only screen and (max-width: 1200px){.coding-cartoon{margin-top:5%;min-width:300px;width:40%}.about-me-container{flex-direction:column}.about-me{font-size:1.3rem;width:95%}}@media only screen and (max-width: 900px){.about-me{font-size:1.1rem;width:95%}}.snowflake{position:absolute;top:-10px;background-color:#fff;border-radius:50%;opacity:.8;pointer-events:none;animation:fall linear infinite}@keyframes fall{to{transform:translateY(100vh)}}.skills{width:100vw;margin-top:2%;min-height:100vh}.skills>h1{font-size:3.5rem;color:var(--primary);text-align:center}.skills-container{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.skills-box{box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;background-color:var(--primary);color:var(--secondary);border-radius:50px;min-width:400px;width:30%;margin:2%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:20px 0}.skills-box>h1{font-size:2rem}.skills-box>ul{width:100%;padding:0;height:auto}.skills-box>ul>li{margin-top:6%;font-size:1.2rem;text-align:center}@media only screen and (max-width: 1200px){.skills-box{min-width:300px;margin-top:10%}.skills-box>h1{font-size:1.5rem}.skills-box>ul>li{font-size:1rem}}.bear{width:160px;height:185px;position:relative;background:var(--primary);border-radius:100px 100px 0 0}.bear:after{content:"";position:absolute;width:100px;height:125px;left:50%;top:25px;transform:translate(-50%);background-image:radial-gradient(circle,#000 48%,transparent 55%),radial-gradient(circle,#000 48%,transparent 55%),radial-gradient(circle,#fff 30%,transparent 45%),radial-gradient(circle,#000 48%,transparent 51%),linear-gradient(#000 20px,transparent 0),linear-gradient(#cfecf9 60px,transparent 0),radial-gradient(circle,#cfecf9 50%,transparent 51%),radial-gradient(circle,#cfecf9 50%,transparent 51%);background-repeat:no-repeat;background-size:16px 16px,16px 16px,10px 10px,42px 42px,12px 3px,50px 25px,70px 70px,70px 70px;background-position:25px 10px,55px 10px,36px 44px,50% 30px,50% 85px,50% 50px,50% 22px,50% 45px;animation:faceLift 3s linear infinite alternate}@keyframes faceLift{0%{transform:translate(-60%)}to{transform:translate(-30%)}}.contact-me-container{height:60vh;background-color:var(--primary)}.contact-me{height:80%;display:flex;justify-content:center;align-items:center;position:relative}.contact-me-container>h1{color:var(--secondary);font-size:3rem;margin-top:1%;text-align:center}.socials-container{background-color:var(--secondary);height:65%;width:65%;border-radius:30px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.social-icon{position:relative;height:5rem;z-index:2}.cat-container{overflow:hidden;margin-top:5%;margin-left:2%}@media only screen and (max-width: 1200px){.contact-me{flex-direction:column}.socials-container{margin-top:2%;width:70%}.social-icon{margin-left:20px;margin-right:20px;height:4rem}}.cat{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center}.wrapper{width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.catContainer{width:100%;height:fit-content;display:flex;overflow:hidden;align-items:center;justify-content:center;position:relative}.catbody{width:80px}.tail{position:absolute;width:17px;top:50%;animation:tail .5s ease-in infinite alternate-reverse;transform-origin:top}@keyframes tail{0%{transform:rotate(60deg)}50%{transform:rotate(0)}to{transform:rotate(-20deg)}}.wall{width:300px}.text{display:flex;flex-direction:column;width:50px;position:absolute;margin:0 0 100px 120px}.zzz{color:#fff;font-weight:700;font-size:15px;animation:zzz 2s linear infinite}.bigzzz{color:#fff;font-weight:700;font-size:25px;margin-left:10px;animation:zzz 2.3s linear infinite}@keyframes zzz{0%{color:transparent}50%{color:#fff}to{color:transparent}}*{margin:0;font-family:Roboto,sans-serif;overflow-x:hidden}body{overflow:overlay;scrollbar-width:9px;scrollbar-color:#888 transparent}html{height:100vh}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}