@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";@font-face{font-family:Cebefris;src:url(/BenguiatFriskyATT.woff2) format("woff2"),url(/BenguiatFriskyATT.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0}body{font-size:12px;width:100vw;height:100vh;background:#F5DCE0}.cherry{position:fixed;z-index:-1;right:0;bottom:-25px}.Title{font-family:Cebefris,sans-serif;text-align:center;font-size:48px;padding-top:20px;color:#39232b}h2{font-family:Cebefris,sans-serif;text-align:center;font-size:30px;color:#39232b}.post-container{width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:center}.post-active{width:700px;height:200px;position:relative;background-color:#efcfd4cc;border-radius:12px;margin-bottom:25px;display:flex;flex-direction:column;transition:all .5s ease-in-out}.post-active-editing{width:700px;height:300px;position:relative;background-color:#efcfd4cc;border-radius:12px;margin-bottom:25px;display:flex;flex-direction:column;transition:all .5s ease-in-out}.post-active-editing .postimage{width:160px;height:160px;object-fit:cover;position:absolute;margin:20px;border-radius:12px;filter:blur(5px);transition:all .5s ease-in-out}.post-active .postimage{width:160px;height:160px;object-fit:cover;position:absolute;margin:20px;border-radius:12px;transition:all .5s ease-in-out}.post-notActive-editing .postimage{width:160px;height:160px;object-fit:cover;position:absolute;margin:20px;border-radius:12px;filter:blur(5px);transition:all .5s ease-in-out}.post-notActive-editing{width:700px;height:300px;position:relative;background-color:#efcfd4cc;border-radius:12px;margin-bottom:25px;display:flex;flex-direction:column;transition:all .5s ease-in-out}.post-active>h1{font-family:Inter;text-align:center;position:absolute;padding-top:15px;align-self:center}.post-active>button{position:absolute;right:1vw;bottom:1vw}.postDesc{font-family:Inter;font-style:normal;font-weight:400;font-size:15px;position:absolute;margin-left:200px;margin-top:66px}.PostNameInput{background-color:#e18aaa;border:none;color:#efcfd4;height:45px;width:400px;top:15px;position:absolute;display:flex;left:30%;font-size:20px;padding:5px;border-radius:12px}.PostNameInput:focus{outline:none}.PostDescInput{background-color:#e18aaa;border:none;color:#efcfd4;height:45px;width:400px;top:80px;position:absolute;display:flex;left:30%;font-size:20px;border-radius:12px;resize:none;padding:5px}.PostDescInput:focus{outline:none}.PostLinkInput{background-color:#e18aaa;border:none;color:#efcfd4;height:45px;width:400px;bottom:100px;position:absolute;display:flex;left:30%;font-size:20px;padding:5px;border-radius:12px;resize:none}a{text-decoration:underline dotted 1px #E18AAA;color:#39232b}a:hover{text-decoration:underline dotted #E18AAA}.post-notActive{width:700px;height:150px;position:relative;background-color:#efcfd4cc;border-radius:12px;margin-bottom:25px;display:flex;align-items:center}.post-notActive>.postimage{width:120px;height:120px;object-fit:cover;position:relative;filter:grayscale();margin:20px;border-radius:12px}.BoughtBy{position:absolute;width:125px;bottom:5px;right:5px;text-align:center;font-family:Inter}.post-notActive>h1{font-family:Roboto,sans-serif;text-align:center;position:relative;color:#000;word-wrap:break-word;width:350px;text-align:start}@media (max-width: 767px){.post-active-editing,.post-notActive-editing{width:90%;height:500px;position:relative;background-color:#efcfd4cc;border-radius:12px;margin-bottom:25px;display:flex;flex-direction:column;transition:all .5s ease-in-out}.cherry{opacity:.6;filter:blur(5px)}.post-active{display:flex;width:90vw;height:40vh;flex-direction:column}.post-active>h1{position:absolute;top:0px;padding-top:0}.post-active>img{width:108px;height:108px;top:8%;left:45%;transform:translate(-50%)}.post-active>button{right:50%;bottom:15px;transform:translate(50%);position:absolute}.post-active>.postDesc{width:100%;text-align:center;right:50%;bottom:25%;transform:translate(50%);position:absolute}.post-notActive{width:90vw;height:40vh}.PostNameInput{top:200px;width:90%;left:50%;transform:translate(-50%)}.PostDescInput{width:90%;top:270px;left:50%;transform:translate(-50%)}.PostLinkInput{width:90%;top:340px;left:50%;transform:translate(-50%)}.post-notActive{height:300px;display:flex;flex-direction:column;justify-content:center}.post-notActive>button{right:auto;bottom:5px}.post-notActive>h1{position:absolute;top:5px;color:#39232b;text-align:center}.BoughtBy{position:absolute;width:125px;bottom:45px;right:50%;transform:translate(50%);text-align:center;font-family:Inter}}
