*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}.nav{padding:1.5rem;background:#fff;display:flex;justify-content:space-between;text-transform:uppercase}.nav .nav-links1{display:flex;justify-items:center}.nav .nav-links1 a{padding:1rem;font-size:18px;margin-left:.75rem;margin-right:.75rem;color:#000;font-family:Fjalla One,sans-serif;text-shadow:.5px .5px 2px #888}.nav .nav-links1 a:hover{color:#8ba1af;transition:.3s ease-in-out;text-shadow:none}.nav .nav-links2{display:flex;justify-items:center}.nav .nav-links2 a{padding:1rem;font-size:18px;margin-left:.75rem;margin-right:.75rem;color:#000;font-family:Fjalla One,sans-serif;text-shadow:.5px .5px 2px #888}.nav .nav-links2 a:hover{color:#8ba1af;transition:.3s ease-in-out;text-shadow:none}.nav form{padding:.75rem;display:inline}.kuva-container{display:flex;justify-content:space-around;margin-bottom:3rem;font-family:Great Vibes,cursive;height:100%;width:100%}.kuva-container img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}footer{position:fixed;bottom:0;width:100%;background:transparent;display:flex;justify-content:space-around;font-size:20px;margin-top:5rem}.logout-button,footer{font-family:Fjalla One,sans-serif}.logout-button{background:none;border:none;font-size:18px;margin-left:.75rem;margin-right:.75rem;color:#000;text-shadow:1px 1px 4px #888;cursor:pointer;text-transform:uppercase}.logout-button:hover{color:#8ba1af;transition:.3s ease-in-out;text-shadow:none}.center{width:30%;height:100px;font-size:18px;color:#fff;top:400px;margin-top:-150px;margin-left:40%;margin-bottom:5rem}.center h1{font-family:Great Vibes,cursive;font-size:50px;font-weight:50;opacity:.5}.hamburger{display:none}.wrapper{display:flex;justify-content:center}.wrapper .content{width:66.666667%;background:#fff;padding:1.5rem;border-radius:.5rem}.register-wrapper{display:flex;justify-content:center;align-items:center;background:#8ba1af;width:80%;margin:auto;border-radius:3rem;height:110vh}.register-wrapper .register-content{width:50%;background:#fff;padding:1.5rem;border-radius:.5rem}.register-wrapper .register-content h2{margin:1rem;color:red;text-transform:uppercase}.register-wrapper .register-content h3{margin:1rem}.register-wrapper .register-content div{margin:1rem;font-family:Roboto,sans-serif}.register-wrapper .register-content div input{background:#fafaff;border:2px solid #8ba1af;width:100%;padding:1rem;border-radius:.5rem}.register-wrapper .register-content div input:focus{outline-color:#3b82f6}.register-wrapper .register-content .error{color:#ef4444;margin:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:800}.register-button{display:flex;justify-content:center}.register-button button{background:#3b82f6;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:60%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:2rem}.koodi{margin:1rem;font-family:Roboto,sans-serif}.login-wrapper{display:flex;justify-content:center;align-items:center;background:#8ba1af;width:80%;margin:auto;border-radius:3rem;height:90vh}.login-wrapper .login-content{width:50%;height:50%;background:#fff;padding:1.5rem;border-radius:.5rem}.login-wrapper .login-content div{margin:1rem;font-family:Roboto,sans-serif}.login-wrapper .login-content div input{background:#fafaff;border:2px solid #8ba1af;width:100%;padding:1rem;border-radius:.5rem}.login-wrapper .login-content div input:focus{outline-color:#3b82f6}.login-wrapper .login-content .login-button{display:flex;justify-content:center}.login-wrapper .login-content .login-button button{background:#3b82f6;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:60%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:1rem}.login-wrapper .login-content .error{color:#ef4444;margin:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:800}.checkbox{width:90%;display:flex;justify-content:space-evenly;align-items:center}.checkbox div{width:100%;border-radius:1rem;display:flex}.checkbox div input{cursor:pointer;width:10%;background-color:#8ba1af;border:none}.checkbox div .muista-label{cursor:pointer;font-family:Roboto,sans-serif;width:80%;margin-left:3rem}.post-wrapper{min-height:60vh;width:100%;display:flex;justify-content:center}.post-wrapper .post-content{width:80%;min-height:400px;background-color:#8ba1af;border-radius:15px 50px 30px;box-shadow:10px 10px 8px #888;display:flex;flex-direction:column;align-items:center}.post-wrapper .post-content h1{color:#fff;margin-top:3rem;margin-bottom:3rem;font-family:Roboto,sans-serif;letter-spacing:2px;text-shadow:2px 2px 4px #000;text-transform:uppercase;display:flex;justify-content:center}.post-wrapper .post-content textarea{font-size:20px;font-family:Roboto,sans-serif}.post-wrapper .post-content label{position:absolute;left:-300px}.post-wrapper .post-content .post-button{display:flex;justify-content:center}.post-wrapper .post-content .post-button button{background:#1aa515;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:60%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:1rem}.post-wrapper .post-posts{width:80%;border:3px solid #fff;color:#fff;border-radius:15px 50px 30px;box-shadow:10px 10px 8px 10px #888;font-family:Fjalla One,sans-serif;font-size:22px;margin-top:5rem;margin-bottom:5rem}.post-wrapper .post-posts a{text-decoration:none;color:#fff;text-shadow:2px 2px 4px #000;margin-left:25%}.post-wrapper .post-posts a:hover{color:#9acd32}.post-wrapper .post-posts .post-span{margin-left:30%}.post-wrapper .post-posts .post-p{margin:3rem;text-shadow:2px 2px 4px #000;line-height:4rem}.post-wrapper .post-posts .delete-button{background:#990a0a}.post-wrapper .post-posts .delete-button,.post-wrapper .post-posts .like-button{color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:20%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:1rem;margin-left:40%}.post-wrapper .post-posts .like-button{background:#3b82f6;margin-bottom:3rem}.home-wrapper{height:60vh;width:100%;display:flex;justify-content:center}.home-content{width:80%;height:400px;background-color:#8ba1af;border-radius:15px 50px 30px;display:flex;align-items:center;box-shadow:10px 10px 8px 10px #888}.home-content .home-img{margin-left:10%}.home-content .home-img img{width:200px;height:300px;border-radius:50%}.home-content .home-p{width:100%;height:100%;display:flex;margin-left:10%;align-items:center}.home-content .home-p p{color:#fff;font-family:Fjalla One,sans-serif;font-size:25px;text-shadow:2px 2px 4px #000}.liity-wrapper{height:70vh;width:100%;display:flex;justify-content:center}.liity-content{width:80%;height:400px;background-color:#8ba1af;border-radius:15px 50px 30px;box-shadow:10px 10px 8px 10px #888;display:flex;flex-direction:column;justify-content:space-evenly}.liity-content p{color:#fff;font-family:Fjalla One,sans-serif;font-size:25px;text-align:center;text-shadow:2px 2px 4px #000}.dash-wrapper{min-height:60vh;width:100%;display:flex;justify-content:center}.dash-wrapper .dash-content{width:80%;min-height:400px;background-color:#8ba1af;border-radius:15px 50px 30px;box-shadow:10px 10px 8px #888;display:flex;flex-direction:column;align-items:center}.dash-wrapper .dash-content h1{color:#fff;margin-top:3rem;font-family:Roboto,sans-serif;letter-spacing:2px;text-shadow:2px 2px 4px #000;text-transform:uppercase}.dash-wrapper .dash-posts{width:80%;border:3px solid #fff;color:#fff;border-radius:15px 50px 30px;box-shadow:10px 10px 8px 10px #888;font-family:Fjalla One,sans-serif;font-size:22px;margin-top:5rem;margin-bottom:5rem}.dash-wrapper .dash-posts .dash-p{margin:3rem;text-shadow:2px 2px 4px #000;line-height:4rem}.dash-pagination{color:#000;font-family:Great Vibes,cursive;font-size:30px;width:100%;margin-bottom:3rem;display:flex;justify-content:space-around}.dash-pagination nav{margin-bottom:5rem}.dash-pagination nav a{color:#fff;padding:0 1rem}.dash-pagination nav span{padding:0 1rem}.user-wrapper{min-height:60vh;width:100%;display:flex;justify-content:center}.user-wrapper .user-content{width:80%;min-height:400px;background-color:#8ba1af;border-radius:15px 50px 30px;box-shadow:10px 10px 8px #888;display:flex;flex-direction:column;align-items:center}.user-wrapper .user-content h1{color:#fff;margin-top:3rem;margin-bottom:3rem;font-family:Roboto,sans-serif;letter-spacing:2px;text-shadow:2px 2px 4px #000;text-transform:uppercase;display:flex;justify-content:center}.user-wrapper .user-content textarea{font-size:20px;font-family:Roboto,sans-serif}.user-wrapper .user-content label{position:absolute;left:-300px}.user-wrapper .user-content .user-button{display:flex;justify-content:center}.user-wrapper .user-content .user-button button{background:#1aa515;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:60%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:1rem}.user-wrapper .user-posts{width:80%;border:3px solid #fff;color:#fff;border-radius:15px 50px 30px;box-shadow:10px 10px 8px 10px #888;font-family:Fjalla One,sans-serif;font-size:22px;margin-top:5rem;margin-bottom:5rem}.user-wrapper .user-posts a{text-decoration:none;color:#fff;text-shadow:2px 2px 4px #000;margin-left:25%}.user-wrapper .user-posts a:hover{color:#9acd32}.user-wrapper .user-posts .user-span{margin-left:30%}.user-wrapper .user-posts .user-p{margin:3rem;text-shadow:2px 2px 4px #000;line-height:4rem}.user-wrapper .user-posts .delete-button{background:#990a0a}.user-wrapper .user-posts .delete-button,.user-wrapper .user-posts .like-button{color:#fff;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1rem;border-radius:.25rem;font-weight:500;width:20%;font-family:Fjalla One,sans-serif;font-size:20px;cursor:pointer;margin-top:1rem;margin-left:40%}.user-wrapper .user-posts .like-button{background:#3b82f6;margin-bottom:3rem}.post-pagination{color:#000;font-family:Great Vibes,cursive;font-size:30px;width:100%;margin-bottom:3rem;display:flex;justify-content:space-around}.post-pagination nav{margin-bottom:5rem}.post-pagination nav a{color:#fff;padding:0 1rem}.post-pagination nav span{padding:0 1rem}@media screen and (max-width:900px){*{margin:0;padding:0;box-sizing:border-box}.hamburger{position:absolute;cursor:pointer;right:40px;top:40px;z-index:2;display:inline-block}.hamburger .line{width:30px;height:3px;background:#000;margin:5px}.nav{flex-direction:column;align-items:center;position:relative;padding:0}.nav-links1,.nav-links2{margin:auto;padding:0;flex-direction:column;width:100%;font-size:0;opacity:0;height:50px}.nav-links1.open,.nav-links2.open{height:50vh;background-color:#3b82f6;justify-content:space-around;align-items:center;opacity:1;transition:height .5s ease-in-out}.nav-links1 li a{color:transparent}.center,.logout-button,.nav-links1.open a,.nav-links2.open a{color:#fff}.center{width:40%;height:100px;font-size:18px;top:400px;margin-top:-150px;margin-left:40%;margin-bottom:5rem}.center h1{font-family:Great Vibes,cursive;font-size:30px;font-weight:50;opacity:.5}.home-wrapper{height:60vh;width:100%;display:flex;justify-content:center}.home-content{width:90%}.home-content .home-img,.home-content .home-p{margin-left:5%}.home-content .home-p p{line-height:30px}.dash-wrapper .dash-content{width:90%}.dash-wrapper .dash-posts{width:80%;border:3px solid #fff;color:#fff;border-radius:15px 50px 30px;box-shadow:10px 10px 8px 10px #888;font-family:Fjalla One,sans-serif;font-size:22px;margin-top:4rem;margin-bottom:4rem}.dash-wrapper .dash-posts .dash-p{margin:2rem;text-shadow:2px 2px 4px #000;line-height:3rem}.post-wrapper{min-height:60vh;width:100%;display:flex;justify-content:center}.post-wrapper .post-content{width:90%}.post-wrapper .post-content textarea{width:80%;margin-left:10%}.post-wrapper .post-posts{width:90%}.post-wrapper .post-posts a{margin-left:15%}.post-wrapper .post-posts .post-span{margin-left:20%}.post-wrapper .post-posts .post-p{margin:3rem}.user-wrapper{min-height:60vh;width:100%;display:flex;justify-content:center}.user-wrapper .user-content{width:90%}.user-wrapper .user-content textarea{width:80%;margin-left:10%}.user-wrapper .user-posts{width:90%}.user-wrapper .user-posts a{margin-left:15%}.user-wrapper .user-posts .user-span{margin-left:20%}.login-wrapper{width:90%}.login-wrapper .login-content{width:75%;height:75%}.register-wrapper{width:90%}.register-wrapper .register-content{width:75%}}