@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400;position:relative}body{min-height:100vh;color:var(--color-text);background:var(--color-background-soft);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1920px){#app{max-width:1920px;max-height:1080px;letter-spacing:.07em;font-family:Poppins,sans-serif;margin-bottom:2rem}a{text-decoration:none;color:#aec6cf;transition:.4s}.encompass{margin:auto;max-width:75%;color:#e0e0e0}.hero-section{padding-top:16rem;padding-bottom:10rem}.header{font-size:30px}.big-heading,.small-heading,.build,.random-text,.kevin{font-weight:600}.period{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:100px}.main-desc{padding-top:3rem;max-width:65%;font-size:20px;color:#a5a5a5}.linkedin{border:#ffff00;border-width:2px;border-style:solid;border-radius:.5rem;margin-top:3rem;padding-left:.3rem;padding-right:.3rem;padding:1rem;font-size:16px;background-color:transparent;color:#e0e0e0;opacity:80%}.build{position:relative;z-index:1;text-decoration:none}.build:before{background-color:#ff0;position:absolute;content:"";height:50px;width:90%;z-index:1;bottom:0;transform:translate(-14px,2px);opacity:70%;margin-left:10px}.body{background-color:#181818}@media (hover: hover){.linkedin:hover,.coffee:hover,.talk-button:hover{color:#5a5a5a;background-color:#ff0;transition:.3s;cursor:pointer}.kevin:hover{transition:.3s;color:#ff0}.kevin:after{content:"";width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out;position:absolute}.kevin:hover:after{transform:scaleX(1)}}.about-subtitle{text-align:right;width:180px;display:inline-block;margin-left:20rem}.about-desc{padding-top:4rem;width:90%;font-size:20px;color:#a5a5a5;float:right}.about-wrapper{text-align:right}.about{display:flex;text-align:right;justify-content:flex-end}.coffee{border:#ffff00;border-width:2px;border-style:solid;border-radius:.5rem;margin-top:3rem;padding-top:1rem;padding-left:.3rem;padding-right:.3rem;padding:1rem;font-size:16px;background-color:transparent;color:#e0e0e0;opacity:80%;margin-left:400px;float:right}.proj-subtitle{margin-top:15rem}.proj-desc{max-width:80%;margin-top:2rem;font-size:20px;color:#a5a5a5}.snorlax{width:75px;filter:invert(96%) sepia(25%) saturate(7498%) hue-rotate(356deg) brightness(108%) contrast(103%);opacity:70%;padding-top:3rem;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transform-origin:center}.project-items{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:2rem;cursor:pointer}.item1,.item2,.item3,.item4{margin:auto;text-align:center}.snorlax:hover{width:90px}.cool{text-align:right}.cool-subtitle{margin-top:9rem}.cool-desc{padding-top:2rem;padding-bottom:0rem;text-align:right;max-width:65%;font-size:20px;color:#a5a5a5;float:right}.talk{margin-top:15rem;text-align:right}.talk-desc{padding-top:2rem;max-width:65%;font-size:20px;color:#a5a5a5;float:right}.talk-button{border:#ffff00;border-width:2px;border-style:solid;border-radius:.5rem;margin-top:3rem;padding-top:1rem;padding-left:.3rem;padding-right:.3rem;padding:1rem;font-size:16px;background-color:transparent;color:#e0e0e0;opacity:80%;margin-left:400px;float:right;margin-bottom:2rem}.talk-subtitle{margin-top:10rem}.hidden{opacity:0;transition:all 1s}.show{opacity:1}.me-container{justify-content:center;padding:1rem;display:flex;margin:auto}.me{clip-path:circle();width:350px;height:350px;box-shadow:#000;display:block;opacity:70%}.me:hover{transition:.3s;opacity:100%;transform:translate(5px,5px)}}@media screen and (max-width: 1096px){.me-container{display:none}#app{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}@keyframes animateBg{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}body{overflow-x:hidden}.span{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;animation:animate 3s linear infinite}.span:before{content:"";position:absolute;top:50%;width:250px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes animate{0%{transform:rotate(315deg) translate(0)}70%{opacity:.1}to{transform:rotate(315deg) translate(-1000px);opacity:0}}.span:nth-child(1){top:0;right:0;left:initial;animation-delay:0;animation-duration:1s}.span:nth-child(2){top:0;right:80px;left:initial;animation-delay:.2s;animation-duration:3s}.span:nth-child(3){top:80px;right:0px;left:initial;animation-delay:.4s;animation-duration:2s}.span:nth-child(4){top:0;right:180px;left:initial;animation-delay:.6s;animation-duration:1.5s}.span:nth-child(5){top:0px;right:400px;left:initial;animation-delay:.8s;animation-duration:2.5s}.span:nth-child(6){top:0px;right:600px;left:initial;animation-delay:1s;animation-duration:3s}.span:nth-child(7){top:300px;right:0px;left:initial;animation-delay:1.2s;animation-duration:1.75s}.span:nth-child(8){top:0px;right:700px;left:initial;animation-delay:1.4s;animation-duration:1.25s}.span:nth-child(9){top:0px;right:1000px;left:initial;animation-delay:.75s;animation-duration:2.25s}@media screen and (max-width: 1096px){.small-heading,.big-heading{font-size:36px}.period{font-size:80px}.build:before{height:30px}.about-desc{padding-top:3rem;max-width:65%;font-size:20px;color:#a5a5a5}.coffee{border:#ffff00;border-width:2px;border-style:solid;border-radius:.5rem;margin-top:3rem;padding-left:.3rem;padding-right:.3rem;padding:1rem;font-size:16px;background-color:transparent;color:#e0e0e0;opacity:80%}.about-wrapper{text-align:right}}.warning{font-size:14px;color:#777}.navbar{padding:1rem;width:100%;display:flex;justify-content:space-between;align-items:center;opacity:80%;position:fixed;z-index:2;background-color:#222}.nav1,.nav2,.nav3{margin:3rem;padding-bottom:5px}.logo{border:#ffff00;border-width:2px;border-style:solid;border-radius:1rem;align-items:center;background:transparent;box-sizing:border-box;color:#fff;cursor:pointer;font-size:2rem;opacity:100%;padding:.1rem .4rem;font-weight:700}.navEnd{border:#ffff00;border-width:2px;border-style:solid;border-radius:.5rem;padding:.1rem .3rem;margin-left:.5rem;margin-right:1.5rem;color:#fff}@media (hover: hover){.nav1:after,.nav2:after,.nav3:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#ff0;transform-origin:bottom right;transition:transform .25s ease-out;transform:scaleX(0)}.nav1:hover:after,.nav2:hover:after,.nav3:hover:after{transform:scaleX(1)}.navEnd:hover,.logo:hover{color:#5a5a5a;background-color:#ff0;transition:all .3s ease;box-shadow:0 0 5px 3px #ff0;opacity:100%}.right-banner-item{padding-top:1rem;cursor:pointer}.right-banner-item:hover{right:2px;bottom:2px;color:#ff0;opacity:80%;transition:.2s}.right-banner{padding:2rem 4rem 2rem 2rem;position:fixed;bottom:0;right:0;max-width:80px;justify-content:center}}@media screen and (max-width: 1096px){.logo-m{font-size:30px}.navEnd-m{border:#ffff00;border-width:2px;border-style:solid;border-radius:1rem;background:transparent;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.25rem;transition:.2s;opacity:100%;padding:.5rem;font-weight:200}.nav-item-m{display:none}.right-banner-m{padding-right:.5rem;position:fixed;bottom:0;right:0}}