@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";
@import "https://fonts.googleapis.com/css?family=Noto+Serif+Display";
@import "https://fonts.googleapis.com/css2?family=Changa+One";
@import "https://fonts.googleapis.com/css2?family=AR+One+Sans";
@import "https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap";
: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-success:#259025;--color-text:#999;--color-text-darker:#8c8c8c;--color-white:#fcfcfc;--gradient-primary:linear-gradient(to top left,#b32a25,#e16914);--bg:#0a0912;--bg-panel:#100f19;--bg-card:#121019;--bg-field:#14131f;--border:#ffffff14;--gold:#e8c14c;--purple:#8b5cf6;--purple-soft:#a78bfa;--purple-bright:#b83cff;--cyan:#33c9e0;--orange:#e08a3c;--green:#4ade80;--blue:#5aa8ff;--text:#f3f2f7;--text-dim:#b5b2c2;--text-faint:#6f6c80;--radius:14px;--sans:"Segoe UI",system-ui,-apple-system,sans-serif}html,body{scrollbar-color:var(--color-white)var(--color-background);max-width:100vw;overflow-x:hidden}:is(html,body):has(#landingPage){overflow-y:hidden}:is(:is(html,body):has(#portfolioPage),:is(html,body):has(#projectPage),:is(html,body):has(#contactPage)){background-color:#0a0912}body{background-color:var(--color-background);flex-direction:column;height:100vh;display:flex;position:relative}body:has(#aboutPage){background-color:#09090b}main{color:var(--color-white);flex-direction:column;flex:5;align-items:center;gap:2rem;padding-top:6rem;padding-bottom:2rem;display:flex}main:not(#landingPage):not(#contactPage):not(#aboutPage):not(#portfolioPage){padding-top:8rem}*{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}.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}.herr-von-muellerhoff-regular{font-family:Herr Von Muellerhoff,cursive;font-style:normal;font-weight:400}.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)}@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{border:1px solid var(--gold);color:var(--gold);letter-spacing:1.5px;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:10px;padding:14px 26px;font-size:12.5px;font-weight:700;transition:background .2s;display:inline-flex}.sendButton:disabled{filter:brightness(.5);border:none;transform:none}.sendButton:disabled:hover{cursor:default}.required:after{content:" *";color:red}