*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0}.main-container{max-width:500px;margin:0 auto;padding:36px}main.dark{background-color:#580972;height:100vh;width:100%;position:fixed}.header{background:linear-gradient(90deg,#672280 1.18%,#a626d3 100%)}.header-container{display:flex;justify-content:center;align-items:center;height:65px;max-width:500px;color:#fff;margin:0 auto;padding:0 15px}.header--image{height:60%;margin-right:6px}.header--title{font-size:1.25rem;margin-right:auto}.header--project{font-size:.75rem;font-weight:500}.form{display:grid;grid-template:40px 40px / 1fr 1fr;gap:17px;margin-bottom:17px}.form--input{font-family:Karla,sans-serif;border-radius:5px;border:1px solid #d5d4d8;text-indent:5px;min-width:130px}.form--button{grid-column:1 / -1;font-family:Karla,sans-serif;border-radius:5px;background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da 100%);color:#fff;border:none;cursor:pointer}.meme{position:relative}.meme--image{max-width:100%;border-radius:3px}.meme--text{position:absolute;width:80%;text-align:center;left:50%;transform:translate(-50%);margin:15px 0;padding:0 5px;font-family:impact,sans-serif;font-size:2em;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000}.bottom{bottom:0}.top{top:0}.toggler{display:flex;align-items:center}.toggler p{font-size:.8rem;font-weight:600}.toggler--slider{width:25px;height:13px;background-color:#2b283a;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;border:1px solid black;box-sizing:content-box}nav.dark .toggler--slider{border-color:#fff;background-color:#f5f5f5}.toggler--slider--circle{height:13px;width:13px;background-color:#fff;border-radius:50%}nav.dark .toggler--slider--circle{background-color:#000}.toggler--light{color:#fff}nav.dark .toggler--light{color:#d5d4d8}.toggler--dark{color:#d5d4d8}nav.dark .toggler-dark{color:#fff}nav.dark .toggler--slider{justify-content:flex-end}