@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Kavivanar&display=swap";:root{--color-text-accent:#337ab7;--color-primary:#368274;--color-secondary:#49605b;--color-accent:#fc9023;--color-dark:#333;--color-white:#fff;--color-black:#000}html{width:100%}body{flex-direction:column;width:100%;margin:0;padding:0;font-family:Open Sans;display:flex;position:relative}main{font-size:1.3em}.link{color:var(--color-primary);cursor:pointer;text-decoration:none}.link:hover{filter:brightness(1.4)}.handwriting,h2{font-family:Kavivanar,Bradley Hand ITC;font-size:1.1em;line-height:1.1em}.optional{visibility:hidden;position:absolute}.center{text-align:center}.button{background-color:var(--color-text-accent);border:2px solid var(--color-white);color:var(--color-white);cursor:pointer;border-radius:10px;padding:1em;font-size:1em;transition:background-color .15s ease-in-out}.button:hover{background-color:color-mix(in hsl,var(--color-text-accent),var(--color-white)15%)}@media screen and (width>=768px){.optional{visibility:visible;position:relative}}header{z-index:1;width:100%;color:var(--color-black);background-color:var(--color-white);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:0;box-shadow:1px 1px 5px 1px #000}header img{max-height:3em}header>div:last-child{box-sizing:border-box;justify-content:center;justify-items:flex-start;width:100%;padding:.5em 1em;display:flex}header>div:last-child>div:first-child{flex-grow:1}header>div:last-child #navbar-toggle{align-items:center;display:flex}header>div:last-child #navbar-toggle svg{font-size:1.8em;line-height:1.8em}#info-bar{box-sizing:border-box;width:100%;color:var(--color-white);background-color:var(--color-primary);flex-wrap:wrap;align-items:center;gap:.5em;padding:.5em 1em;line-height:1em;display:flex}#info-bar a{color:var(--color-white)}#info-bar>div{justify-content:center;gap:.3em;display:flex}nav{box-sizing:border-box;font-size:1.1em;font-weight:700;display:flex;position:relative}nav a{position:relative}nav a:hover{cursor:pointer}@media only screen and (width<=768px){nav{z-index:1;background-color:var(--color-secondary);flex-direction:column;justify-content:flex-start;align-items:center;width:12em;height:100vh;padding:1em;transition:left .3s;position:absolute;top:0;left:-13em;box-shadow:0 0 7px 2px #000}nav a{cursor:pointer;width:100%;color:var(--color-white);padding:.5em;text-decoration:none}nav a:hover{background-color:var(--color-dark);filter:brightness(1.4)}nav.active{left:0}}@media only screen and (width>=768px){nav{color:var(--color-secondary);justify-content:flex-start;align-items:center;gap:1em}nav a{color:var(--color-primary);text-decoration:none}nav a:after{content:"";background-color:var(--color-primary);width:0;height:3px;transition:width .2s;position:absolute;bottom:-.3em;left:0}nav a:hover:after{width:100%}#navbar-toggle{visibility:hidden;position:absolute}}footer{background-color:var(--color-white);flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:2em;padding:1em;display:flex}footer div{justify-content:center;align-items:center;max-width:13em;height:100%;display:flex;position:relative}footer div a,footer div img{height:100%}footer div img{object-fit:contain;width:100%}#banner{width:100%;height:26em;position:relative}#banner img{object-fit:cover;width:100%;height:100%}#banner h1{color:#fff;text-align:center;font-family:Kavivanar,Bradley Hand ITC;font-size:3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main{flex-direction:column;width:100%;margin:0 auto;display:flex}main section{box-sizing:border-box;flex-direction:column;padding:1em;display:flex;position:relative;overflow:hidden}main section:nth-of-type(3n-2){background-color:var(--color-primary);color:var(--color-white)}main section:nth-of-type(3n-1){background-color:var(--color-secondary);color:var(--color-white)}main section:nth-of-type(3n){background-color:var(--color-white);color:var(--color-black)}main section .row{flex-direction:column;align-items:center;gap:1em;width:80%;margin:auto;display:flex}main section .row img{max-width:60%}main p{margin:.5em 0}@media screen and (width>=768px){main section{padding-left:25%;padding-right:25%}main section .row{flex-direction:row;justify-content:center;display:flex}main section .row img{max-width:40%}.divider{display:flex;position:relative}}