#navbar{position:fixed;top:0;left:0;width:100%;background-color:hsla(0,0%,100%,.5);z-index:200;transition:all .3s linear}#navbar.solid{background-color:#fff}nav{background-color:hsla(0,0%,100%,.5)}.nav-links{display:flex;justify-content:center;gap:20px;list-style-type:none;font-family:Fjalla One,sans-serif}.nav-link a{color:var(--color2);text-decoration:none;text-shadow:#cbe8ec 1px 2px;font-size:2rem}.dark:hover,.nav-link a:hover{color:#cbe8ec}.dark{border:none;font-size:2rem}#toggler,.dark{color:var(--color2)}#toggler{position:fixed;top:20px;right:20px;display:none}@media screen and (max-width:768px){.nav-links{flex-direction:column;align-items:center;z-index:10}#navbar{top:-110vh;transition:all .3s linear;z-index:50}#navbar.active{top:0;height:100%}#navbar.active .nav-links{align-items:center}#navbar.active,nav{background-color:#000}.wrapper{display:none}#toggler{display:block;z-index:100}}#footer{background-color:var(--background-color);bottom:0;height:100px;width:100%;z-index:10}.footerp{color:var(--color3)}:root{--background-color:#fff;--color1:#fff;--color2:#75dab4;--color3:#000}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:sans-serif;overflow-x:hidden;background-color:var(--background-color)!important;min-height:100vh}text{color:var(--color1);text-shadow:#313131 5px 4px 10px}h1,h2,h3,h4,h5{color:var(--color2);font-family:Fjalla One,sans-serif}.main-title{font-size:7rem;z-index:2;color:var(--color3);text-shadow:0 0 2px #000}.section-title{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color2)}p{color:var(--color3);text-align:justify;text-justify:inter-word}.subtitle{position:absolute;white-space:nowrap;top:50%;left:70%;margin:0;z-index:3;transform:translatey(-50%);background:var(--color1);padding:2px}.btn{border-radius:4px;color:var(color2)!important;font-size:20px;background-color:#75dab4;padding:10px 20px 10px 20px;border:3px solid #7ad6bc;text-decoration:none!important}.btn:hover{background:#75dab4;color:var(--color1);background-image:linear-gradient(180deg,#75dab4,#75dab4);text-decoration:none}@media only screen and (max-width:600px){.heading{margin-left:-120px}.main-title{font-size:3rem;transition:all .3s ease}.subtitle{font-size:1rem}}