body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}.register{background-color:#f0ece5;height:100vh;padding-top:50px}.register h1{margin-bottom:20px}.register .register-form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:start;margin:auto;padding-bottom:5vh;padding-top:30px;width:400px}.register .register-form input{border:1px solid gray;border-radius:5px;height:35px;margin-bottom:20px;outline:none;padding-left:8px;width:350px}.register .register-form ::placeholder{font-size:16px}.register .register-form button{background-color:#3468c0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:4vh;width:350px}.login{background-color:#f0ece5;height:100vh;padding-top:50px}.login h1{margin-bottom:20px}.login .login-form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:32vh;justify-content:start;margin:auto;padding-top:30px;width:400px}.login .login-form input{border:1px solid gray;border-radius:5px;height:35px;margin-bottom:20px;outline:none;padding-left:8px;width:350px}.login .login-form ::placeholder{font-size:16px}.login .login-form button{background-color:#3468c0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:4vh;width:350px}.main-page{display:flex;gap:20px;margin-top:40px;padding-left:75px}.main-page .container-img .container-btn{bottom:50px;display:flex;justify-content:left;left:10px;position:relative}.main-page .container-img .container-btn button{background-color:#fff;border:none;border-radius:3px;color:#000;cursor:pointer;height:25px;width:105px}.main-page .container-img .container-btn button:hover{background-color:#000;color:#fff;scale:1}.main-page .container-img .img{border-radius:8px;cursor:pointer;height:auto;width:350px}.main-page .container-infos{display:flex;flex-direction:column;justify-content:space-between;width:690px}.main-page .container-infos .main-title{font-size:27px;font-weight:700;margin-bottom:3px;margin-top:3px}.main-page .container-infos .main-text{font-size:17px;font-style:italic;max-width:550px}.main-page .container-infos .main-username{color:#787878;font-size:20px}.main-page .container-infos .main-username:hover{color:blue;cursor:pointer}.main-page .container-infos .like-btn{cursor:pointer}.main-page .container-infos .container-likes{align-items:center;display:flex;gap:10px}.main-page .container-infos .container-likes label{font-size:14px;font-weight:700}@media(max-width:928px){.main-page{align-items:center;flex-direction:column;margin:50px 0 0;padding-left:0}.main-page .container-infos{max-width:350px}.main-page .container-infos .main-username{font-size:18px}.main-page .container-infos .main-text{font-size:14px}.main-page .container-infos .main-title{font-size:18px;margin-bottom:8px;margin-top:8px}.main-page .container-infos .main-username,.main-page .main-text,.main-page .main-title{text-align:center}.main-page .container-likes{display:flex;justify-content:center;margin-bottom:50px;margin-top:20px}.main-page .container-likes img{width:40px}}.modal{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 11px 29px -11px #000000bf;display:flex;flex-direction:column;gap:30px;height:25vh;justify-content:center;margin-top:10vh;position:absolute;width:300px}.modal .img-modal{bottom:20px;cursor:pointer;display:flex;justify-content:right;position:relative;right:10px;width:100%}.modal .btn-modal-close{cursor:pointer;display:flex;justify-content:center}.modal .btn-modal-close button{background-color:#f5f7f8;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:18px;font-weight:700;height:40px;width:200px}.modal .btn-modal-close button:hover{background-color:red;color:#fff}.modal .btn-modal-close:hover{background-color:red}.modal-overlay{background-color:#00000080;height:100%;left:0;top:0;width:100%;z-index:1000}.post-page{display:flex;justify-content:space-evenly;padding-top:50px}.post-page .container-post-page{border-radius:20px;box-shadow:0 11px 29px -11px #000000bf;height:70vh;padding:0 10px 30px;width:500px}.post-page .container-img{display:flex;justify-content:center}.post-page .container-img .img{border-top-left-radius:20px;border-top-right-radius:20px;height:auto;width:500px}.post-page .container-infos .postpage-username{color:#787878;font-size:15px;font-style:italic;margin-bottom:5px;padding-left:15px;padding-top:15px;text-align:left}.post-page .container-infos .postpage-title{font-size:27px;font-size:20px;font-weight:700;margin-bottom:5px;padding-left:15px;text-align:left}.post-page .container-infos .postpage-text{font-size:17px;font-size:15px;font-style:italic;font-style:none;padding-left:15px;text-align:left}.post-page .container-infos .delete-post{display:flex;justify-content:right;padding-bottom:20px}.post-page .comment-session{width:600px}.post-page .comment-session .user-comment-container{border-bottom:1px solid #000;margin-bottom:30px;padding-bottom:10px}.post-page .container-comment{display:flex;flex-direction:column;margin-top:100px;padding-bottom:40px}.post-page .container-comment .text-submit-comment{color:#787878;font-size:20px;margin-bottom:10px}.post-page .container-comment input{align-items:baseline;background-color:#f5f7f8;border:none;display:flex;outline:none;padding:0 0 115px}.post-page .container-comment .container-btn-comment{display:flex;justify-content:right;margin-top:15px}.post-page .container-comment .container-btn-comment .btn-submit-comment{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:15px;height:35px;text-align:center;width:130px}.post-page .container-comment .container-btn-comment .btn-submit-comment:hover{background-color:red}.post-page .user-comment-container .username-comment{font-weight:700}@media(max-width:1200px){.post-page{flex-direction:column}.post-page .container-comment{width:80%}.container-comment-session{align-items:center;display:flex;flex-direction:column;justify-content:center}.post-page .comment-session .user-comment-container{margin-bottom:40px}.post-page .user-comment-container .username-comment{text-align:center}.trasher{display:flex;justify-content:center;margin:10px auto auto}.post-page .comment-session{margin-top:120px;width:80%}.post-page .container-img .img{width:100%}.post-page .container-post-page{height:auto;margin:auto;padding:0;width:90%}.post-page .container-infos .postpage-text{padding-bottom:20px}}.logo-header-mobile{display:none}.navbar{align-items:center;display:flex;justify-content:space-between;padding-bottom:15px;padding-right:40px;padding-top:25px}.navbar .logo-header{cursor:pointer;padding-left:2vw}.navbar .login-logout{align-items:center;display:flex;gap:20px}.navbar .login-logout .name-logged{align-items:center;display:flex;gap:5px}.navbar .login-logout .name-logged p{color:#000;font-size:20px;font-weight:700;text-transform:uppercase}.navbar .navbar-links{align-items:center;border-radius:0;color:#000;display:flex;font-size:18px;height:40px;justify-content:center;line-height:1;overflow:hidden;position:relative;text-decoration:none;transition:.3s;width:200px}.navbar .navbar-links:after,.navbar .navbar-links:before{background-color:#000;content:"";display:block;height:2px;left:0;position:absolute;transition:.3s;width:100%}.navbar .navbar-links:before{top:0}.navbar .navbar-links:after{bottom:0}.navbar .navbar-links:hover:before{transform:translateX(-100%)}.navbar .navbar-links:hover:after{transform:translateX(100%)}@media(max-width:928px){.navbar{display:block;padding:20px}.logo-header{display:none}.logo-header-mobile{display:flex;justify-content:center;padding-top:20px}.navbar .login-logout{display:flex;justify-content:right}.navbar .logo-header img{width:80px}.navbar .logo-header{padding:0}.navbar .navbar-links{font-size:13px;width:100%}.navbar .login-logout .name-logged{flex-direction:column;margin-left:0}.navbar .login-logout .name-logged p{font-size:14px}}.userpage{display:flex;flex-direction:column;justify-content:center}.userpage h1{font-weight:400;margin-top:30px}.userpage .container-userpage{border-radius:20px;box-shadow:0 11px 29px -11px #000000bf;margin:40px auto auto;width:550px}.userpage .container-userpage img{border-radius:20px;height:auto;width:550px}.userpage .container-userpage .userpage-title{font-size:25px;font-weight:700;margin:5px 0;padding-left:15px}.userpage .container-userpage .userpage-text{font-style:italic;margin-bottom:10px;padding-left:15px}.userpage .container-userpage .userpage-username{color:#787878;padding-bottom:30px;padding-left:15px}@media(max-width:900px){.userpage .container-userpage,.userpage .container-userpage img{width:350px}}.container-createpost{background-color:#f0ece5;height:100vh;padding-top:40px}.createpost{align-items:center;background-color:#3468c0;border-radius:20px;box-shadow:0 11px 29px -11px #000000bf;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:40px 0;width:500px}.createpost h3{color:#fff;font-size:30px}.createpost .text,.createpost .title{color:#fff;font-size:20px;margin-top:25px}.createpost input{border:1px solid #787878;border-radius:7px;outline:none;width:400px}.createpost .btn-createpost{align-items:center;background-color:#000;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;line-height:1;margin-top:40px;overflow:hidden;position:relative;text-decoration:none;transition:.3s;width:200px}.createpost .btn-createpost:before{background-color:#fff;color:#fff;content:"new";display:block;font-size:11px;left:0;padding:7px 0 3px;position:absolute;text-align:center;top:0;transform:translate(-34%,-4px) rotate(-35deg);transition:.3s;width:60px}.createpost .btn-createpost:hover{background-color:#fff;color:#000}.createpost .btn-createpost:hover:before{background-color:#000;color:#fff}@media(max-width:928px){.createpost{width:400px}.createpost input{width:340px}}
/*# sourceMappingURL=main.89212fbc.css.map*/