html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}
@font-face{font-weight:500;font-family:Roboto-Slab;font-style:normal;src:url(../media/RobotoSlab-Medium.0xlwpvmuv6t-1.woff2)format("woff2")}@font-face{font-weight:600;font-family:Roboto-Slab;font-style:normal;src:url(../media/RobotoSlab-SemiBold.2hayem9moo4v_.woff2)format("woff2")}@font-face{font-weight:400;font-family:Fira Code;font-style:normal;src:url(../media/FiraCode-Regular.2d8vw4g-_33a3.woff2)format("woff2")}@font-face{font-weight:500;font-family:Fira Code;font-style:normal;src:url(../media/FiraCode-Medium.0gi39owu_25-v.woff2)format("woff2")}@font-face{font-weight:600;font-family:Fira Code;font-style:normal;src:url(../media/FiraCode-SemiBold.0397dj2n-n3om.woff2)format("woff2")}@font-face{font-weight:500;font-family:Poppins;font-style:normal;src:url(../media/Poppins-Medium.12vp2y9tnl3ti.woff2)format("woff2")}@font-face{font-weight:600;font-family:Poppins;font-style:normal;src:url(../media/Poppins-SemiBold.3miztgdtrx7yk.woff2)format("woff2")}@font-face{font-weight:800;font-family:Poppins;font-style:normal;src:url(../media/Poppins-ExtraBold.2g5hk9okkv8-c.woff2)format("woff2")}
.bounce-in-right{animation:1.5s ease-in both bounce-in-right}@keyframes bounce-in-right{0%{opacity:0;animation-timing-function:ease-in;transform:translate(600px)}38%{opacity:1;animation-timing-function:ease-out;transform:translate(0)}55%{animation-timing-function:ease-in;transform:translate(68px)}72%{animation-timing-function:ease-out;transform:translate(0)}81%{animation-timing-function:ease-in;transform:translate(32px)}90%{animation-timing-function:ease-out;transform:translate(0)}95%{animation-timing-function:ease-in;transform:translate(8px)}to{animation-timing-function:ease-out;transform:translate(0)}}.text-focus-in{animation:1s cubic-bezier(.55,.085,.68,.53) 1s both text-focus-in}@keyframes text-focus-in{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur()}}.swing-in-left-fwd{animation:1.5s cubic-bezier(.175,.885,.32,1.275) both swing-in-left-fwd}@keyframes swing-in-left-fwd{0%{transform-origin:0;opacity:0;transform:rotateY(100deg)}to{transform-origin:0;opacity:1;transform:rotateY(0)}}.fade-in{animation:1.5s cubic-bezier(.39,.575,.565,1) both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
:root{--background-color:#252e42;--gray-color:#cacfd7;--white-color:#fff;--code-color:#282c33;--primary-color:#ff80ff;--accent-color:#ff80ff;--secondary-color:#96bee9;--tertiary-color:#7971f4;--quaternary-color:#8798de;--quinary-color:#8d5cf0;--motion-fast:.18s;--motion-base:.28s;--motion-slow:.5s;--ease-out:cubic-bezier(.22, 1, .36, 1)}body{background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Fira Code,monospace}.App{max-width:1024px;margin:auto}.button{border:1px solid var(--gray-color);width:fit-content;transition:background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-base) var(--ease-out)}.button:hover{background-color:var(--gray-color);cursor:pointer;transform:translateY(-1px)}.button_accent{border:1px solid var(--primary-color);width:fit-content;transition:background-color var(--motion-base) var(--ease-out), transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);position:relative;overflow:hidden}.button_accent:after{content:"";width:60%;height:100%;transition:left .55s var(--ease-out);pointer-events:none;background:linear-gradient(100deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;top:0;left:-120%;transform:skew(-20deg)}.button_accent:hover{background-color:var(--primary-color);cursor:pointer;transform:translateY(-2px);box-shadow:0 8px 24px #ff80ff38}.button_accent:hover:after{left:140%}.button__text{z-index:1;color:var(--white-color);padding:8px 16px;font-family:Fira Code,monospace;font-size:16px;font-weight:500;line-height:21px;position:relative}.title{color:var(--white-color);font-family:Fira Code,monospace;font-size:32px;font-weight:500;line-height:42px}.title:before{content:"#";color:var(--accent-color)}@media screen and (max-width:1024px){.App{width:90vw}}html{scroll-behavior:smooth}a{text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.button_accent,.button_accent:after{transition:none}.button:hover,.button_accent:hover{box-shadow:none;transform:none}.button_accent:hover:after{left:-120%}}