header#navbarView{position:fixed;width:100%;top:0;left:0;z-index:100;background-color:var(--lighter)}.banner{width:100%;align-items:center;justify-content:end;background-color:var(--darker)}.info{width:100%;padding:.5rem 1rem;justify-content:space-between;align-items:center;gap:1rem}.info p{padding:0;font-size:.8rem;color:var(--accent-orange)}.info div:first-child{text-align:left}.info div:last-child{text-align:right}.themeSwitch button{aspect-ratio:1/1;width:2rem;height:2rem;background:transparent;border-radius:100%;padding:.3rem;display:flex;align-items:center;justify-content:center;color:var(--accent-orange);border:1px solid var(--accent-orange);transition:color .3s,border .3s}.themeSwitch button:hover{color:var(--light);border:1px solid var(--light)}.themeSwitch button svg{color:inherit}nav{padding:1rem 2rem;justify-content:space-between;align-items:center}nav button{border:none;background-color:var(--lighter)}nav button.siteLogo{padding:1rem .5rem;text-transform:uppercase;font-size:1.7rem;font-family:Varela Round,sans-serif;align-items:center;justify-content:center;letter-spacing:1px;font-weight:800;white-space:nowrap;color:var(--accent-primary);background-color:var(--lighter)}nav button.siteLogo span{font-size:.6rem;letter-spacing:3px;font-weight:500}nav button.menuItem{padding:1rem;font-size:.8rem;position:relative;text-transform:uppercase;transition:font-weight .3s ease-out;background-color:var(--lighter);color:var(--foreground)}nav button.menuItem.active{font-weight:600;color:var(--accent-secondary)}nav button.menuItem:hover{color:var(--accent-secondary)}nav button.menuItem:before{position:absolute;content:"";width:0;height:1px;background-color:var(--accent-secondary);bottom:5px;left:0;transition:width 1s ease}nav button.menuItem:hover:before{width:100%}nav button.menuItem.about:hover{color:var(--accent-yellow)}nav button.menuItem.about:before{background-color:var(--accent-yellow)}nav button.menuItem.about.active{color:var(--accent-yellow)}nav button.menuItem.treatment:hover{color:var(--accent-green)}nav button.menuItem.treatment:before{background-color:var(--accent-green)}nav button.menuItem.treatment.active{color:var(--accent-green)}nav button.menuItem.gallery:hover{color:var(--accent-green)}nav button.menuItem.gallery:before{background-color:var(--accent-green)}nav button.menuItem.gallery.active{color:var(--accent-green)}nav button.menuItem.gratitude:hover{color:var(--accent-yellow)}nav button.menuItem.gratitude:before{background-color:var(--accent-yellow)}nav button.menuItem.gratitude.active{color:var(--accent-yellow)}nav button.menuItem.foundation:hover{color:var(--accent-blue)}nav button.menuItem.foundation:before{background-color:var(--accent-blue)}nav button.menuItem.foundation.active{color:var(--accent-blue)}nav button.menuItem.help:hover{color:var(--accent-orange)}nav button.menuItem.help:before{background-color:var(--accent-orange)}nav button.menuItem.help.active{color:var(--accent-orange)}.navigation ul{gap:2rem;align-items:center}a.foundation{height:5rem;width:5rem;padding:0;display:flex;margin-left:1.5rem;align-items:center;justify-content:center}a.foundation svg#foundationLogo{height:100%;width:100%;color:var(--accent-primary)}a.foundation.mobile{height:3rem;width:3rem}nav div:last-child{align-items:center}nav .toggleMobile{margin-left:2rem;position:relative;height:4rem;width:4rem}nav .toggleMobile #hamburger{position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translate(-50%,-50%);stroke:var(--accent-primary);transition:stroke 1s ease;z-index:100}nav .toggleMobile:hover #hamburger,nav .toggleMobile:focus #hamburger{cursor:pointer}nav.active .toggleMobile #hamburger{background-color:var(--lighter);border-radius:50%;animation:fadeIn 1s ease}nav.active .toggleMobile #hamburger #top-line{animation:rotateDown .6s ease-out both}nav.active .toggleMobile #hamburger #bottom-line{animation:rotateUp .6s ease-out both}nav.active .toggleMobile #hamburger #middle-line{animation:fadeOut .6s ease-out forwards}@keyframes rotateUp{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translate(0)}30%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-10px)}to{transform:rotate(-45deg) translate(-24.5px,.5px)}}@keyframes rotateDown{0%{animation-timing-function:cubic-bezier(.16,-.88,.97,.53);transform:translate(0)}30%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(10px)}to{transform:rotate(45deg) translate(10.5px,-15.5px)}}@keyframes fadeOut{0%{opacity:1}30%{opacity:0}to{opacity:0}}@keyframes fadeIn{0%{background:transparent}to{background:var(--lighter)}}@keyframes scaleIn{0%{width:10px;height:10px}}@keyframes slideDown{0%{transform:translateY(-20vh);opacity:0}50%{transform:translateY(-10vh);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (min-width: 1023px) and (max-width: 1400px){nav button.siteLogo{font-size:1.3rem}nav button.siteLogo span{font-size:.4rem}nav button.menuItem{font-size:.6rem}.navigation ul{gap:1rem}a.foundationLogo{height:2.5rem}}@media screen and (max-width: 1023px){nav button.siteLogo{font-size:1.3rem}nav button.siteLogo span{font-size:.4rem}nav button.menuItem{font-weight:400;font-size:1.6rem;transform:translateY(0)}nav button.menuItem.active{font-weight:700}nav.active button.menuItem{animation:slideDown 1s ease}nav .navigation{place-content:center;position:absolute;height:100dvh;width:100%;top:0;left:0;z-index:100;visibility:hidden}nav .navigation ul{flex-direction:column;margin:clamp(1rem,5vh,7rem) 0;gap:0;justify-content:space-around}nav.active .navigation{visibility:visible}nav.active .navigation ul li:nth-child(1) button.menuItem{animation-name:slideDown;animation-duration:.5s}nav.active .navigation ul li:nth-child(2) button.menuItem{animation-name:slideDown;animation-duration:calc(.4s + .1s * 2)}nav.active .navigation ul li:nth-child(3) button.menuItem{animation-name:slideDown;animation-duration:calc(.4s + .1s * 3)}nav.active .navigation ul li:nth-child(4) button.menuItem{animation-name:slideDown;animation-duration:.8s}nav.active .navigation ul li:nth-child(5) button.menuItem{animation-name:slideDown;animation-duration:.9s}nav.active .navigation ul li:nth-child(6) button.menuItem{animation-name:slideDown;animation-duration:1s}nav.active .toggleMobile:before{background-color:var(--lighter);width:500vh;height:500vh;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border-radius:50%;animation:scaleIn 1s ease}nav .foundationLogo{height:2rem;width:2rem;margin-left:auto}nav .foundationLogo img{height:100%;width:100%}}@media screen and (max-width: 768px){.info p{font-size:.7rem;text-align:start}.themeSwitch button{width:1.8rem;height:1.8rem;padding:.2rem}nav{padding:1rem .5rem}nav button.siteLogo{font-size:1rem}nav button.siteLogo span{font-size:.4rem}nav button.menuItem{font-size:1rem}nav a.foundationLogo{height:2rem}nav .toggleMobile{margin-left:.5rem}}@media screen and (max-height: 767px) and (max-width: 1023px){nav{padding:0rem .5rem}nav button.menuItem{font-size:.8rem}nav .toggleMobile{height:3rem;width:3rem;margin-left:1rem}nav.active .toggleMobile:before{width:500vw;height:500vw}nav a.foundationLogo{height:2.5rem}}[data-theme=contrast]{--background: rgb(0, 0, 0) !important;--foreground: rgb(255, 255, 255) !important;--accent-secondary: rgb(255, 255, 0) !important;--accent-primary: rgb(0, 255, 255) !important;--accent-orange: rgb(255, 255, 0) !important;--font-orange: rgb(255, 255, 0) !important;--accent-yellow: rgb(255, 255, 0) !important;--font-yellow: rgb(255, 255, 0) !important;--accent-blue: rgb(0, 255, 255) !important;--font-blue: rgb(0, 255, 255) !important;--accent-green: rgb(0, 255, 0) !important;--font-green: rgb(0, 255, 0) !important;--lighter: rgb(24, 24, 24) !important;--darker: rgb(0, 0, 0) !important;--light: rgb(0, 0, 0) !important;--dark: rgb(255, 255, 255) !important;--overlay: rgba(255, 255, 0, .35) !important}:root{--background: var(--light);--foreground: var(--dark);--accent-secondary: rgb(255, 150, 4);--accent-primary: rgb(0, 82, 158);--accent-orange: rgb(255, 150, 4);--font-orange: rgb(224, 134, 8);--accent-yellow: rgb(255, 206, 83);--font-yellow: rgb(244, 193, 65);--accent-blue: rgb(101 141 177);--font-blue: rgb(82, 132, 175);--accent-green: rgb(77, 209, 132);--font-green: rgb(58, 184, 110);--lighter: rgb(255, 255, 255);--darker: rgb(34, 34, 34);--light: rgb(241, 241, 241);--dark: rgb(29, 29, 29);--overlay: rgba(255, 167, 153, .35)}[data-theme=dark]{--background: rgb(35, 39, 47);--foreground: rgb(241, 241, 241);--accent-secondary: rgb(255, 179, 71);--accent-primary: rgb(30, 144, 255);--accent-orange: rgb(255, 179, 71);--font-orange: rgb(255, 152, 0);--accent-yellow: rgb(255, 224, 102);--font-yellow: rgb(255, 224, 102);--accent-blue: rgb(92, 127, 163);--font-blue: rgb(92, 127, 163);--accent-green: rgb(78, 217, 155);--font-green: rgb(78, 217, 155);--lighter: rgb(45, 50, 58);--darker: rgb(17, 20, 26);--light: rgb(35, 39, 47);--dark: rgb(241, 241, 241);--overlay: rgba(8, 23, 66, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Montserrat,sans-serif}body{background:var(--background);color:var(--foreground);transition:background .3s,color .3s}h1{font-size:3rem;font-family:Varela Round,sans-serif;text-shadow:-2px 0 var(--lighter),2px 0 var(--lighter),0 -2px var(--lighter),0 2px var(--lighter),2px 2px var(--lighter),-2px -2px var(--lighter),2px -2px var(--lighter),-2px 2px var(--lighter)}h2{font-size:2rem;font-family:Varela Round,sans-serif}h3{font-size:1rem;margin-top:2rem;font-family:Varela Round,sans-serif}p{padding-top:2rem}a{text-decoration:none;font-family:Varela Round,sans-serif}button{cursor:pointer;font-family:Montserrat,sans-serif}ul{list-style:none}li{text-decoration:none}img{width:30vw;height:auto;border-radius:1rem}.view{position:relative;min-height:100vh;height:fit-content;width:100%;overflow-x:hidden;display:flex;justify-content:center;align-items:center}.content{width:100%;min-height:80vh;display:flex;margin-top:8rem;padding:4rem clamp(1rem,4vw,5rem) 2rem;justify-content:center;align-items:center}@media screen and (max-width: 767px){.view{margin-bottom:2rem}.content{flex-direction:column}.content h1,.content h3{text-align:center}}.flex{display:flex}.flexColumn{display:flex;flex-direction:column}.gridCenter{display:grid;place-content:center}#homeView{height:100vh;background:url(/homeView.jpg) center/cover no-repeat;overflow:hidden}#homeView header{height:100%;width:100%;background:color-mix(in srgb,var(--lighter) 35%,transparent);background-color:var(--overlay);background-image:radial-gradient(at 45% 37%,hsla(41,78%,74%,.5) 0px,transparent 50%),radial-gradient(at 95% 15%,hsla(88,96%,78%,.3) 0px,transparent 50%),radial-gradient(at 97% 7%,hsla(61,65%,69%,.7) 0px,transparent 50%),radial-gradient(at 23% 82%,hsla(236,99%,66%,.6) 0px,transparent 50%),radial-gradient(at 95% 50%,hsla(303,85%,62%,.7) 0px,transparent 70%),radial-gradient(at 90% 80%,hsla(135,96%,78%,.8) 0px,transparent 50%)}#homeView .heading{position:absolute;width:60vw;top:50%;right:5vw;margin-left:auto;align-items:center;transform:translateY(-40%)}#homeView .heading .title{text-align:center;justify-content:center;align-items:center;flex-wrap:wrap}#homeView .heading .title h1{font-size:6rem;color:var(--lighter);font-family:Varela Round,sans-serif;text-shadow:none}#homeView .heading .title #percentageIcon{width:15rem;height:auto;fill:var(--lighter);margin:0 2rem}#homeView button{width:fit-content;padding:1.5rem 4rem;margin-top:4rem;border-radius:5rem;border:5px solid var(--lighter);font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--lighter);background-color:transparent;box-shadow:0 0 50px color-mix(in srgb,var(--background) 10%,var(--foreground) 30%);transition:all .5s ease}#homeView button:hover,#homeView button:focus{border:5px solid var(--accent-primary);color:var(--accent-primary);background:linear-gradient(340deg,var(--lighter),color-mix(in srgb,transparent 60%,var(--lighter) 40%));transform:scale(1.05)}#homeView button span{margin-right:1rem}@media screen and (max-width: 1200px){#homeView{background-position:25%}#homeView .heading .title h1{font-size:4rem}#homeView .heading .title #percentageIcon{width:9rem}#homeView button{padding:1.5rem 3rem}}@media screen and (max-width: 767px){#homeView .heading .title h1{font-size:2rem}#homeView .heading .title #percentageIcon{width:7rem}#homeView button{padding:1rem 2rem;font-size:.8rem;margin-top:2rem;border-width:3px}}