*{margin:0;padding:0;letter-spacing:1px}* body{font-family:Poppins,sans-serif;position:relative;width:100%;min-width:100%}* .navbar{position:absolute;height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid teal}* .navbar .nav-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:50px}* .navbar .nav-icon img{height:90px;width:90px}* .navbar .nav-icon h1{font-size:12pt;letter-spacing:2px;color:teal}* .navbar .icon{font-size:20pt;margin-right:50px;color:teal;display:none}* .navbar .nav-links{display:flex;align-items:center;gap:25px;margin-right:50px}* .navbar .nav-links .link{text-decoration:none;color:teal;display:flex;align-items:center;gap:5px}* .navbar .nav-links button{padding:10px 15px;background:teal;color:#fff;border:1px solid #fff;cursor:pointer;font-weight:600;border-radius:7px;display:flex;align-items:center;gap:5px}* .mobile-navbar{display:none}* .not-teal{background-color:#fff;width:100%}* main{width:100%;padding-top:80px;background-image:radial-gradient(rgba(0,128,128,.897),rgba(0,128,128,.897)),url(/assets/hero-efffedad.png);background-position:center;background-size:contain;background-attachment:fixed}* main .homeScreen{height:300px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:35px;color:#fff}* main .homeScreen h2{font-size:20pt}* main .homeScreen h1{font-size:35pt;letter-spacing:5px;color:transparent;-webkit-text-stroke:1px #fff}* main .homeScreen h1 span{font-style:italic}* main .post-teal{width:100%}* main .post-teal .full{width:100%;padding:0 50px;display:flex;flex-direction:column;gap:100px}* main .post-teal .full .icon{font-size:20pt;color:red}* main .post-teal .full h1{font-size:40pt}* main .post-teal .full h4{font-size:10pt;color:#a3a3a3;font-style:italic;margin-bottom:50px}* main .post-teal .full p{line-height:35px;text-align:justify}* main .post{width:100%;background:#fff;display:flex;flex-wrap:wrap;justify-content:center}* main .post .post-container{width:50%;margin:10px;padding:10px;gap:20px;border:1px solid #000;border-radius:8px;cursor:pointer;text-decoration:none;color:#000;flex-basis:40%}* main .post .post-container .icon{font-size:20pt;cursor:pointer;color:red}* main .post .post-container .postImage{height:200px;width:100%;border-radius:8px;background-position:center;background-size:cover;background-repeat:no-repeat}* main .post .post-container .postInfo{padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:5px}* main .post .post-container .postInfo h1{font-size:20pt}* main .post .post-container .postInfo h3{font-size:8pt}* main .post .post-container .postInfo h4{font-size:7pt;text-transform:lowercase;color:#a3a3a3}* main .post .post-container .postInfo p{text-align:justify}* main .post .post-container .postInfo button{width:15%;height:35px;cursor:pointer;background-color:teal;border-style:none;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:5px}* main .createPostPage{width:100%}* main .createPostPage .cpContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:20px;padding:10px 0}* main .createPostPage .cpContainer h1{font-size:20pt}* main .createPostPage .cpContainer .inputGp{width:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}* main .createPostPage .cpContainer .inputGp label{font-size:20pt;width:100%}* main .createPostPage .cpContainer .inputGp input{width:100%;height:25px;padding:10px;outline:none;border:1px solid #fff;background:transparent;color:#fff;font-weight:600}* main .createPostPage .cpContainer .inputGp input::placeholder{color:#fff}* main .createPostPage .cpContainer .inputGp textarea{height:200px;width:100%;padding:10px;outline:none;background:transparent;border:1px solid #fff;color:#fff}* main .createPostPage .cpContainer .inputGp textarea::placeholder{color:#fff}* main .createPostPage .cpContainer button{padding:0 20px;height:10px;height:50px;cursor:pointer;background-color:#fff;border-style:none;border-radius:5px}* .login{overflow:hidden;overflow-y:hidden}* .login .loginPage{display:flex;align-items:center;justify-content:center;flex-direction:column;height:80vh}* .login .loginPage h1{color:#fff;margin:20px 0}* .login .loginPage .btn{padding:10px;display:flex;align-items:center;outline:none;cursor:pointer;border:1px solid #fff;gap:5px}* .login .loginPage .btn .icon{font-size:20pt;color:#fff}@media only screen and (max-width: 767px){* .navbar .nav-links{display:none}* .navbar .nav-icon{width:100%;margin:0;justify-content:space-between}* .navbar .nav-icon h1{margin-right:120px}* .navbar .icon{font-size:30pt;margin-right:50px;color:teal;display:block}* .mobile-navbar{align-items:center;position:absolute;background-color:#fff;top:70px;width:100%;height:200px}* .mobile-navbar .mobile-nav-links{display:flex;flex-direction:column;gap:20px;margin-left:70px}* .mobile-navbar .mobile-nav-links .link{text-decoration:none;color:#000}* .mobile-navbar .mobile-nav-links button{padding:10px 15px;background-color:teal;border-style:none;color:#fff;border-radius:5px}* .mobile-navbar.open{display:flex}* .homePage .post{justify-content:flex-start}* .homePage .post .post-container{width:100%;flex-basis:100%}* .homePage .post .post-container .postInfo h1{font-size:15pt}* .homePage .post .post-container .postInfo h4{font-size:8pt;color:#a3a3a3;text-transform:lowercase}* .homePage .post .post-container .postInfo p{font-size:10pt}* .homePage .post .post-container .postInfo button{height:30px;width:20%;text-align:cent}* .not-teal .post-teal .single-post-container{padding:0 10px}* .not-teal .post-teal .single-post-container .icon{margin:0;padding:0}* .not-teal .post-teal .single-post-container .postInfo{padding:0;margin:0}* .not-teal .post-teal .single-post-container .postInfo h1{font-size:20pt}* .not-teal .post-teal .single-post-container .postInfo h4{font-size:8pt}* .not-teal .post-teal .single-post-container .postInfo p{border-left:1px solid teal;border-right:1px solid teal;padding:0 10px}}