:root{--background: #f8f8f8;--dark: #303032;--nav-height: 60px;--menu-item-color: #3671cb;--highligh-color: #5c9ddf;--name-color: rgb(107, 132, 255);--burger-anim-2-delay: .5s;--burger-anim-1-len: .5s;--burger-anim-2-len: .5s;--burger-line-top-offset: 0;--burger-line-mid-offset: 20;--burger-line-bot-offset: 0;--burger-line-offset: 0;--burger-dashoffset: 79.9;--bio-bg1: "/argsea_home1.png";--gradient-color: #032e58;--gradient-color2: #3671cb;--dropshadow-color: #000;--glass-color: rgba(5, 5, 5, .2);--glass-color-gone: rgba(255, 255, 255, .01);--glass-color2: rgb(34, 44, 59);--nav-active-color: rgb(192, 121, 203);--link-color: rgb(169, 130, 251);--link-final-color: rgb(101, 67, 173)}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf)}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.ttf)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:after,*:before{box-sizing:border-box}html{overflow:none;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scroll-behavior:smooth!important;font-family:Roboto,sans-serif}html::-webkit-scrollbar{width:0!important}body{overflow-x:hidden;overscroll-behavior-y:none;background:#010314}body:before{content:"";position:fixed;height:100%;width:100%;z-index:-1;background:linear-gradient(#19334d,#010314)}body.overflow-hidden{overflow:hidden}#root{position:relative;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2))}a{text-decoration:none;color:var(--link-color)}section{max-width:100%}section:not(#hero){padding-top:50px;margin-bottom:100px}@keyframes glitch-skew{0%{transform:skew(-1deg)}10%{transform:skew(-3deg)}20%{transform:skew(4deg)}30%{transform:skew(0)}40%{transform:skew(4deg)}50%{transform:skew(-4deg)}60%{transform:skew(0)}70%{transform:skew(-4deg)}80%{transform:skew(-3deg)}90%{transform:skew(-2deg)}to{transform:skew(3deg)}}@keyframes glitch-blink{0%{opacity:.5}5%{opacity:.3}10%{opacity:.5}15%{opacity:1}20%{opacity:.8}25%{opacity:.2}30%{opacity:.3}35%{opacity:.9}40%{opacity:.7}45%{opacity:.9}50%{opacity:.1}55%{opacity:.2}60%{opacity:.5}65%{opacity:.1}70%{opacity:.5}75%{opacity:.8}80%{opacity:.4}85%{opacity:.1}90%{opacity:1}95%{opacity:.3}to{opacity:.3}}@keyframes glitch-animation-1{0%{clip:rect(140px,1000px,13px,30px);transform:skew(-2deg) translate(2px)}5%{clip:rect(160px,1000px,148px,30px);transform:skew(0) translate(-6px)}10%{clip:rect(94px,1000px,164px,30px);transform:skew(1deg) translate(-1px)}15%{clip:rect(88px,1000px,91px,30px);transform:skew(1deg) translate(3px)}20%{clip:rect(111px,1000px,156px,30px);transform:skew(2deg) translate(2px)}25%{clip:rect(95px,1000px,182px,30px);transform:skew(-1deg) translate(0)}30%{clip:rect(129px,1000px,165px,30px);transform:skew(-2deg) translate(3px)}35%{clip:rect(139px,1000px,15px,30px);transform:skew(-1deg) translate(-6px)}40%{clip:rect(47px,1000px,12px,30px);transform:skew(2deg) translate(4px)}45%{clip:rect(184px,1000px,186px,30px);transform:skew(0) translate(6px)}50%{clip:rect(137px,1000px,149px,30px);transform:skew(0) translate(1px)}55%{clip:rect(13px,1000px,173px,30px);transform:skew(1deg) translate(-4px)}60%{clip:rect(104px,1000px,68px,30px);transform:skew(-2deg) translate(-2px)}65%{clip:rect(116px,1000px,89px,30px);transform:skew(1deg) translate(1px)}70%{clip:rect(25px,1000px,192px,30px);transform:skew(2deg) translate(2px)}75%{clip:rect(57px,1000px,76px,30px);transform:skew(-1deg) translate(-6px)}80%{clip:rect(28px,1000px,58px,30px);transform:skew(3deg) translate(1px)}85%{clip:rect(186px,1000px,22px,30px);transform:skew(-1deg) translate(7px)}90%{clip:rect(119px,1000px,125px,30px);transform:skew(-2deg) translate(1px)}95%{clip:rect(30px,1000px,103px,30px);transform:skew(-1deg) translate(3px)}to{clip:rect(59px,1000px,36px,30px);transform:skew(1deg) translate(1px)}}@keyframes glitch-animation-2{0%{clip:rect(112px,1000px,121px,30px);transform:skew(0) translate(1px)}5%{clip:rect(21px,1000px,73px,30px);transform:skew(1deg) translate(4px)}10%{clip:rect(20px,1000px,106px,30px);transform:skew(-1deg) translate(3px)}15%{clip:rect(190px,1000px,93px,30px);transform:skew(1deg) translate(-1px)}20%{clip:rect(59px,1000px,104px,30px);transform:skew(-1deg) translate(-3px)}25%{clip:rect(31px,1000px,194px,30px);transform:skew(1deg) translate(-3px)}30%{clip:rect(120px,1000px,166px,30px);transform:skew(1deg) translate(-1px)}35%{clip:rect(77px,1000px,65px,30px);transform:skew(2deg) translate(-1px)}40%{clip:rect(84px,1000px,18px,30px);transform:skew(0) translate(-4px)}45%{clip:rect(120px,1000px,49px,30px);transform:skew(2deg) translate(0)}50%{clip:rect(71px,1000px,113px,30px);transform:skew(2deg) translate(4px)}55%{clip:rect(131px,1000px,54px,30px);transform:skew(-1deg) translate(-1px)}60%{clip:rect(16px,1000px,119px,30px);transform:skew(1deg) translate(-4px)}65%{clip:rect(3px,1000px,68px,30px);transform:skew(-1deg) translate(2px)}70%{clip:rect(140px,1000px,83px,30px);transform:skew(0) translate(1px)}75%{clip:rect(93px,1000px,111px,30px);transform:skew(1deg) translate(-1px)}80%{clip:rect(182px,1000px,9px,30px);transform:skew(2deg) translate(-4px)}85%{clip:rect(190px,1000px,122px,30px);transform:skew(0) translate(-3px)}90%{clip:rect(182px,1000px,57px,30px);transform:skew(0) translate(2px)}95%{clip:rect(45px,1000px,28px,30px);transform:skew(2deg) translate(0)}to{clip:rect(8px,1000px,60px,30px);transform:skew(2deg) translate(0)}}#starStuff{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}#introcanvas{min-width:100vw;min-height:100vh;min-width:100svw;min-height:100svh;height:100svh;width:100svw}#hero{position:relative;min-height:100vh;min-width:100vw;height:100vh;width:100vw;min-height:100svh;height:100svh;min-width:100svw;width:100svw;overflow:hidden;justify-content:center}.hero_title_container{min-width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#hero_title{min-width:100%;min-height:100%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}#hero_title h1{position:relative;z-index:1;text-shadow:2px 4px 10px rgba(13,106,237,.5);will-change:contents,width;font-family:JetBrainsMono-Regular,monospace;letter-spacing:.1em;font-size:clamp(1rem,6vw,14rem);color:#fffc;padding:30px}#hero_title h1:after,#hero_title h1:before{content:attr(data-gw-string);position:absolute;top:0;opacity:.2;width:100%;height:100%;padding:30px;overflow:hidden;white-space:nowrap;color:#fff;will-change:contents,width}#hero_title h1:before{left:1px;text-shadow:-2px 0 var(--link-color);animation:glitch-animation-2 2s steps(20,end) infinite alternate-reverse;z-index:-1;color:var(--link-color)}#hero_title h1:after{left:-1px;text-shadow:-2px 0 var(--menu-item-color);animation:glitch-animation-1 1.5s steps(20,end) infinite alternate-reverse}#hero_title h1.gw-writing{animation:glitch-skew 1s steps(10,end) infinite alternate-reverse}#hero_title h1.gw-writing:after,#hero_title h1.gw-writing:before{opacity:1}#hero_title h1.gw-writing .gw-ghosts,#hero_title h1.gw-writing .gw-glitched{opacity:.6;animation:glitch-blink 1s steps(20,end) infinite alternate-reverse}#bio_wrap{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}#hero_bio{margin-top:15vh;display:flex;flex-direction:column;justify-content:center;text-align:left;color:#fff;min-height:85vh;height:85vh}#hero_bio_intro{font-size:2rem;display:none}#hero_bio_name{color:#fff;font-size:2rem;margin-left:10px}#hero_three_name{width:100%;height:100%;top:12vh;position:absolute}#hero_bio_title{color:#bbb;font-size:1.9rem;margin-top:13vh;display:none}#hero_bio_titleHighlight{color:var(--highligh-color);font-size:1.9rem}#hero_down_arrow_container{width:100%;height:100%;position:absolute;top:80vh;z-index:1}#hero_down_arrow_container svg{fill:none;display:block;margin:0 auto;stroke:#fff;stroke-width:20px;stroke-dasharray:25;stroke-linejoin:round;stroke-linecap:butt}#hero_down_arrow_container svg:hover{transform:scale(1.15);animation:arrow-effect 3.5s infinite}#hero #background_container{position:absolute;top:0;left:0;z-index:-1;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0));mask-image:linear-gradient(180deg,rgba(0,0,0,1) 25%,rgba(0,0,0,0))}#hero #hero_background{background-image:image-set(var(--bg1) 1x,var(--bg2) 2x);background-image:-webkit-image-set(var(--bg1) 1x,var(--bg2) 2x);background-size:cover;min-height:95vh;min-width:100vw;background-attachment:fixed}@media screen and (max-width: 768px){#hero #hero_background{min-height:100vh;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:30%}#hero_bio{margin-top:0;min-height:100vh;height:100vh;width:100vw;align-items:center;justify-content:center}}#abscanvas{position:fixed;top:0;left:0;min-width:100vw;min-height:100vh;height:100vh;width:100vw;min-width:100svw;min-height:100svh;height:100svh;width:100svw;z-index:-1}#content{padding-top:var(--nav-height);max-width:1024px;width:100%;margin-inline:auto;z-index:1;font-size:1.3rem;line-height:1.5;padding-bottom:300px;overflow:hidden}#aboutme{display:block;justify-content:center;text-align:left;min-height:auto;position:relative;margin-top:30px;padding-top:var(--nav-height);color:#fff}@media screen and (max-width: 960px){#aboutme{margin-top:0;font-size:1rem}}#aboutme ul{margin-bottom:10px}#aboutme ul li{list-style-position:inside;text-indent:-1rem;padding-left:2rem}#aboutme ul li::marker{color:var(--link-color)}#aboutme ul li:hover::marker{color:var(--menu-item-color)}#aboutme ul li p{display:inline}#aboutme p{margin-bottom:10px}#aboutme-header{position:absolute;top:calc(0px - clamp(-25px,10vw,100px));right:0;z-index:-1}#aboutme-header-text{--link-color: rgba(149, 110, 231, 1);--menu-item-color: rgba(34, 93, 183, 1);display:inline-block;margin:0;padding:0;z-index:-1;vertical-align:bottom;text-align:right;line-height:.8;background:linear-gradient(to right,var(--link-color),var(--menu-item-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;font-size:clamp(3rem,15vw,14rem);filter:drop-shadow(0px 0px 10px rgba(0,0,0,.75))}#aboutme_info #welcome{display:flex;flex-direction:row;justify-content:left;align-items:center;width:100%}#aboutme_text{background:var(--glass-color);background:-webkit-linear-gradient(to right,var(--glass-color),var(--glass-color));background:linear-gradient(to right,var(--glass-color),var(--glass-color));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:50px;border-radius:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf;z-index:1}#aboutme_text a{position:relative;text-decoration:none;display:inline-block}#aboutme_text a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;z-index:-1;background:linear-gradient(to right,var(--link-color),var(--menu-item-color));visibility:hidden;transform:scaleX(1);transform-origin:bottom left;transition:transform .3s cubic-bezier(.77,.2,.05,1);transition:transform .3s cubic-bezier(.77,.2,.05,1),visibility .3s cubic-bezier(.77,.2,.05,1);animation:slideUnderReverse .3s ease-in-out}#aboutme_text a:hover:after{visibility:visible;transform:scaleX(1);transform-origin:bottom left;transition:transform .3s cubic-bezier(.77,.2,.05,1);transition:transform .3s cubic-bezier(.77,.2,.05,1),visibility .3s cubic-bezier(.77,.2,.05,1);animation:slideUnder .3s ease-in-out}#welcome_text{font-size:1.5rem;margin-bottom:25px}#welcome_text #big_welcome{font-size:2.5rem}#welcome_text #colored_name{color:var(--name-color);font-size:2rem}#aboutme_text #call-to-action{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}#aboutme_text #call-to-action #call-to-action-button{background:linear-gradient(to right,var(--link-color),var(--menu-item-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;font-size:1.6rem;cursor:pointer;padding:20px 50px;border:none;position:relative}#aboutme_text #call-to-action #call-to-action-button:after{content:"";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);bottom:0;left:0;border:2px solid;border-image-slice:1;border-width:2px;border-image-source:linear-gradient(to right,var(--link-color),var(--menu-item-color))}#aboutme_text #radar-animation-1{animation-name:radar;animation-duration:2s;animation-delay:0s;animation-iteration-count:infinite}#aboutme_text #radar-animation-1:before,#aboutme_text #radar-animation-1:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid;border-image-slice:1;border-width:2px;border-image-source:linear-gradient(to right,var(--link-color),var(--menu-item-color));opacity:0;filter:blur(2px);z-index:1;animation-name:radar;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s}#aboutme_text #radar-animation-1:after{animation-name:radar;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.8s}.fadedOut{opacity:0}.fadedIn{opacity:1;animation:fadeIn .3s ease-in-out}@keyframes arrow-effect{0%{stroke-dashoffset:0}50%{stroke-dashoffset:100}75%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes burger-open{0%{stroke-dashoffset:var(--burger-line-offset)}40%{stroke-dashoffset:var(--burger-dashoffset)}to{stroke-dashoffset:0}}@keyframes burger-close{0%{stroke-dashoffset:0}40%{stroke-dashoffset:var(--burger-dashoffset)}to{stroke-dashoffset:var(--burger-line-offset)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUnder{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideUnderReverse{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes radar{0%{opacity:.5;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes aurora{0%{opacity:.5;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}header{position:sticky;display:flex;top:0;max-width:100%;z-index:300;vertical-align:middle;justify-content:center;height:var(--nav-height)}#main-nav{display:flex;height:var(--nav-height);width:100%;height:100%;justify-content:center;align-items:center;position:relative;background:var(--glass-color);background:-webkit-linear-gradient(to left,var(--glass-color-gone) 10%,var(--glass-color) 80%,var(--glass-color-gone));background:linear-gradient(to left,var(--glass-color-gone),15%,var(--glass-color),85%,var(--glass-color-gone));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}#logo{height:var(--nav-height);width:200px;margin-right:auto;cursor:pointer;position:relative;overflow:hidden}#logo svg{transition:all .3s ease-in-out;overflow:hidden}#logo svg:first-child{height:65px;width:70px}#logo svg:first-child path{filter:drop-shadow(0px 0px 10px rgba(0,0,0,.75));-webkit-filter:drop-shadow(0px 0px 10px rgba(0,0,0,.75))}#logo svg:not(:first-child){height:80px;width:80px;position:absolute;top:0;left:0;z-index:-1;transform:rotate(-50deg) scale(2)}#logo svg:not(:first-child) path{filter:drop-shadow(0px 0px 10px rgba(0,0,0,.75));-webkit-filter:drop-shadow(0px 0px 10px rgba(0,0,0,.75))}#logo svg #logo-1{stroke:transparent;fill:#000;stroke-width:1px;fill-opacity:50%}#logo svg #logo-2{stroke:#323966!important;fill:#323966!important;stroke-width:3px;fill-opacity:0%!important;stroke-dasharray:120;stroke-linecap:round;stroke-dashoffset:25;transition:all .5s ease-in-out;animation:move-logo-2 20s infinite ease-in-out;overflow:visible}@keyframes move-logo-2{0%{stroke-dashoffset:25}33%{stroke-dashoffset:120}66%{stroke-dashoffset:0}to{stroke-dashoffset:25}}#logo:hover svg #logo-2{stroke:#b67cc6!important}#logo svg #logo-3{width:100px;height:100px;stroke:#36457e!important;fill:#36457e!important;stroke-width:5px;fill-opacity:0%!important;stroke-dasharray:400;stroke-dashoffset:200;transition:all .5s ease-in-out;animation:move-logo-3 10s infinite ease-in-out}@keyframes move-logo-3{0%{stroke-dashoffset:200}33%{stroke-dashoffset:400}66%{stroke-dashoffset:0}to{stroke-dashoffset:200}}#logo:hover svg #logo-3{stroke:#897ee7!important}#logo svg #logo-4{stroke:#304a83!important;fill:#304a83!important;stroke-width:2px;fill-opacity:0%!important;stroke-dasharray:80;stroke-linecap:round;stroke-dashoffset:10;transition:all .5s ease-in-out;animation:move-logo-4 15s infinite ease-in-out}@keyframes move-logo-4{0%{stroke-dashoffset:10}33%{stroke-dashoffset:80}66%{stroke-dashoffset:0}to{stroke-dashoffset:10}}#logo:hover svg #logo-4{stroke:#4670c5!important}#logo svg #logo-5{stroke:var(--menu-item-color)!important;fill:var(--menu-item-color)!important;stroke-width:5px;fill-opacity:50%;animation:pulse-stroke 5s infinite ease-in-out 1s}#logo svg #logo-6{stroke:var(--highligh-color)!important;fill:var(--highligh-color)!important;stroke-width:5px;fill-opacity:100%;animation:pulse-stroke 5s infinite ease-in-out}#logo a{color:var(--highligh-color)}#user-welcome{display:flex;flex-direction:right;color:#fff;margin-left:auto;margin-right:auto}#navBar{display:flex;flex-direction:right;gap:50px;justify-content:right;margin-right:50px;margin-left:auto}.navItem{position:relative;text-align:center;font-size:1.5rem;margin:auto}.navItem a:before{content:attr(data-text);position:absolute;color:var(--menu-item-color);top:0;left:0;bottom:0;right:0;width:0;overflow:hidden;transition:all .3s ease-in-out}.navItem:hover a:before{width:100%}.navItem.active a:before{width:100%;color:var(--nav-active-color)}.navItem a{text-decoration:none;color:var(--highligh-color)}#hamburger{display:none;flex-direction:right;color:#fff;cursor:pointer;margin:auto 20px auto auto}#burger-menu{display:grid;position:absolute;top:10px;right:30px;width:0;height:0;background:var(--glass-color2);grid-template-rows:repeat(3,33%);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf;gap:1px;overflow:hidden;transition:all .3s ease-in-out;border-radius:0 0 10px 10px}#burger-menu.open{top:calc(var(--nav-height));width:50%;height:20vh;z-index:1000}#burger-menu #trademark{display:none}#burger-menu .burgerItem{text-align:center;font-size:1.5rem;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;text-align:left;padding-left:15px;background:#032e58;border-bottom:1px solid var(--highligh-color);-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.75);box-shadow:0 0 5px #000000bf;transition:inherit}#burger-menu .burgerItem:hover{background:#0759ac}#burger-menu .burgerItem svg{position:relative;margin-right:20px;margin-left:10px;width:20px;height:20px;vertical-align:middle;transition:inherit}#burger-menu .burgerItem span{vertical-align:middle}#burger-menu .burgerItem:last-child{border-bottom:none}#burger-menu .burgerItem a{text-decoration:none;color:var(--highligh-color);transition:inherit}#burger-menu .burgerItem a:hover{background:#0759ac}#hamburger svg line{stroke:var(--highligh-color);stroke-width:5;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:0}#hamburger #line-top{stroke-dashoffset:var(--burger-line-top-offset)}#hamburger #line-mid{stroke-dashoffset:var(--burger-line-mid-offset)}#hamburger #line-bottom{stroke-dashoffset:var(--burger-line-bot-offset)}#hamburger[aria-expanded=false] #line-top{--burger-line-offset: var(--burger-line-top-offset);animation:burger-close var(--burger-anim-1-len) forwards}#hamburger[aria-expanded=false] #line-mid{--burger-line-offset: var(--burger-line-mid-offset);animation:burger-close var(--burger-anim-1-len) forwards}#hamburger[aria-expanded=false] #line-bottom{--burger-line-offset: var(--burger-line-bot-offset);animation:burger-close var(--burger-anim-1-len) forwards}#hamburger[aria-expanded=true] #line-top{--burger-line-offset: var(--burger-line-top-offset);animation:burger-open var(--burger-anim-2-len) forwards;transform-origin:center}#hamburger[aria-expanded=true] #line-mid{--burger-line-offset: var(--burger-line-mid-offset);animation:burger-open var(--burger-anim-2-len) forwards;transform-origin:center}#hamburger[aria-expanded=true] #line-bottom{--burger-line-offset: var(--burger-line-bot-offset);animation:burger-open var(--burger-anim-2-len) forwards;transform-origin:center}@keyframes pulse-stroke{0%{stroke-width:5px}50%{stroke-width:15px}to{stroke-width:5px}}@keyframes fun-svg-twist{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes fun-svg-figit{0%{transform:rotate(0)}50%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes twinkle{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes make-it-snow{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@media screen and (max-width: 768px){#navBar{display:none}#hamburger{display:flex}#logo{margin-left:0;scale:1}}