@font-face{font-family:"Montserrat";src:local(sans-serif),url(montserrat.ttf);font-display:swap}:root{--grey: #1d1d1d;--white: #f0f0f0;--logo-white: #d9d9d9;--logo-yellow: #f9fb00;--logo-cyan: #02feff;--logo-green: #01ff00;--logo-magenta: #fd00fb;--logo-red: #fb0102;--logo-blue: #0301fc;--logo-black: #404040;--fs-small: 1rem;--fs-medium: 1.5rem;--fs-large: 3rem}@media screen and (max-width: 768px){:root{--fs-large: 2.5rem }}body{margin:0;padding:0;min-height:100dvh;background-color:var(--grey);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.1em, hsl(0, 0%, 15%)), color-stop(0.1em, transparent)),-webkit-gradient(linear, left top, right top, color-stop(0.1em, hsl(0, 0%, 15%)), color-stop(0.1em, transparent));background-image:linear-gradient(hsl(0, 0%, 15%) 0.1em, transparent 0.1em),linear-gradient(90deg, hsl(0, 0%, 15%) 0.1em, transparent 0.1em);background-size:5em 5em;-webkit-box-shadow:inset 0 0 100px hsl(0,0%,5%);box-shadow:inset 0 0 100px hsl(0,0%,5%);-webkit-animation:move 5s linear infinite;animation:move 5s linear infinite}@media screen and (max-width: 768px){body{-webkit-box-shadow:inset 0 0 50px hsl(0,0%,5%);box-shadow:inset 0 0 50px hsl(0,0%,5%)}}@-webkit-keyframes move{0%{background-position:0em 0em}100%{background-position:5em 5em}}@keyframes move{0%{background-position:0em 0em}100%{background-position:5em 5em}}body *{font-family:"Montserrat","sans-serif";text-wrap:balance;overflow-wrap:anywhere}body h1{font-size:var(--fs-large);font-weight:800;line-height:1em;margin:.5em 0 .25em;color:var(--white)}body h2,body h3{font-size:var(--fs-medium);font-weight:500;line-height:1.2em;margin:.5em 0 .5em;color:var(--white)}body p{font-size:var(--fs-small);font-weight:400;line-height:1.5em;margin:.5em 0 .5em}body button,body input{padding:5px;margin:.25em 0;position:relative;z-index:0;overflow:hidden;border:none;border-radius:10px;background-color:var(--logo-black);font-size:var(--fs-small);font-weight:600;color:var(--white);cursor:pointer;-webkit-transition:color .5s;transition:color .5s}body button::after,body input::after{content:"";width:0;aspect-ratio:1/1;position:absolute;top:var(--mouse-leave-y);left:var(--mouse-leave-x);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;border-radius:100%;background-color:var(--white);pointer-events:none;-webkit-transition:width .5s ease-out,top .1s ease,left .1s ease;transition:width .5s ease-out,top .1s ease,left .1s ease}body button:hover,body button:focus-visible,body input:hover,body input:focus-visible{color:var(--grey)}body button:hover::after,body button:focus-visible::after,body input:hover::after,body input:focus-visible::after{width:200%;top:var(--mouse-enter-y);left:var(--mouse-enter-x);-webkit-transition:width .5s ease-in;transition:width .5s ease-in}main{min-height:60vh;padding:50px 50px 50px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center}main .logo{width:min(300px,100vw);aspect-ratio:auto}@media screen and (max-width: 768px){main{padding:50px 10px 50px 10px}main .logo{width:min(200px,100vw);aspect-ratio:auto}}