@import "https://fonts.googleapis.com/css2?family=Boldonse&family=Caveat&display=swap&family=Poppins&family=Luxurious+Script";
@import "https://fonts.googleapis.com/css2?family=WindSong&family=Material+Symbols+Outlined";
@import "https://fonts.googleapis.com/css?family=Raleway";
@import "https://fonts.googleapis.com/css?family=Lato";
:root{--color-active:#c6a463;--color-auth-border:#ffffff40;--color-auth-border-bottom:#6b6767;--color-background:#141414;--color-background-extra-light:#282828;--color-background-light:#1a1a1a;--color-black:black;--color-border:#282828;--color-glow:#ff9661;--color-heading:#c6a463;--color-link-hover:#c6a463;--color-link-hover-second:#ffad4b;--color-readmore-hover:#282828;--color-slide-border:#666;--color-text:#999;--color-text-darker:#8c8c8c;--color-white:#fcfcfc;--gradient-primary:linear-gradient(to top left,#b32a25,#e16914)}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--color-background);flex-direction:column;height:100vh;display:flex;position:relative}main{color:var(--color-white);flex-direction:column;flex:5;align-items:center;gap:2rem;padding-top:2rem;padding-bottom:2rem;display:flex}main:not(#landingPage){padding-top:6rem}*{box-sizing:border-box;margin:0;padding:0}.canela-regular{font-family:Canela,PF Regal Display Pro,Times New Roman,serif;font-weight:700}.caveat-regular{font-optical-sizing:auto;font-family:Caveat,cursive;font-style:normal;font-weight:500}.nitti{font-family:Nitti,Courier New,monospace;font-weight:400}.poppins{font-family:poppins,sans-serif;font-weight:300}.luxurious-script-regular{font-family:Luxurious Script,cursive;font-style:normal;font-weight:400}.windsong-regular{font-family:WindSong,cursive;font-style:normal;font-weight:400}:scope .title{text-align:center;width:100%;color:var(--color-white);text-transform:uppercase;justify-items:center;position:relative;top:0}:scope .title .title__heading{justify-content:center;align-self:center;font-size:3.5rem;font-weight:300;display:flex}:scope .title .title__heading:after,:scope .title .title__heading:before{content:"";background-color:var(--color-white);place-self:center;width:3rem;height:1px}:scope .title .title__heading:after{margin-left:2rem}:scope .title .title__heading:before{margin-right:2rem}.project-link{border:1px solid var(--color-heading);color:var(--color-heading);text-transform:uppercase;letter-spacing:.095rem;text-align:center;text-box-trim:trim-end;border-radius:25px;padding:10px 25px;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:300;text-decoration:none;transition:all .3s}.project-link:hover{cursor:pointer;color:var(--color-background);background-color:var(--color-heading)}:scope .project-description{flex-direction:column;align-items:center;gap:2rem;width:60%;margin:4rem 0;display:flex}:scope .project-description .description-heading{letter-spacing:.2em;color:var(--color-heading);text-transform:uppercase;text-align:center;margin-top:3rem;font-size:2.5rem;font-weight:300;transform:rotateY(51deg)}:scope .project-description .description-text{color:var(--color-text);font-size:1.2rem}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInLeft{animation-name:fadeInLeft;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInRight{animation-name:fadeInRight;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInFromBelow{0%{opacity:0;transform:translateY(100%)}50%{opacity:.3}to{opacity:1;transform:translate(0,0)}}.animate__fadeInBelow{animation-name:fadeInFromBelow;animation-duration:2s;animation-fill-mode:both}.sendButton{color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;background:#ffffff06;border:1px solid #ffffff40;border-radius:6px;height:3rem;transition:all .3s;position:relative}.sendButton .sendButton__text{color:var(--color-heading);font-family:arima;font-size:1rem;transition:all .3s}.sendButton:hover{filter:brightness(1.4);border:none}.sendButton:disabled{filter:brightness(.5);border:none;transform:none}.sendButton:disabled:hover{cursor:default}
