*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}select,button{all:unset}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}p,form{margin:0}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}body{min-height:100vh;text-align:center;font-family:sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(125deg,#ADC0C8 29.45%,#FFF 89.15%)}#app{max-width:1280px;margin:0 auto;padding:10px;font-weight:400}#app[data-v-149c0dac]{max-width:800px;margin:0 auto;padding:0 20px;border-radius:50px;background:#FFF2F2;box-shadow:-22px 21px 32px #0006}.app__main-title[data-v-149c0dac]{text-align:center;color:#001858;padding-top:20px;font-size:48px}.app__nav[data-v-149c0dac]{display:flex;margin-bottom:20px;justify-content:space-around;align-items:center;padding:10px}.nav__link[data-v-149c0dac]{color:#001858;font-size:16px;font-weight:700;text-decoration:underline;transition:color .3s ease-in-out}@media (max-width: 376px){.nav__link[data-v-149c0dac]{font-size:16px}}.nav__link[data-v-149c0dac]:hover{color:#f582ae}.post{padding:16px;border-radius:16px;border:1px solid #000;background:#FFF2F2;box-shadow:3px 4px 4px #0000004a}.post__title{color:#001858;font-size:24px;margin-top:0}.post__content{color:#001858;font-size:16px;margin:10px}.post__date,.post__comments{color:#999;font-size:14px;margin-bottom:10px}.post__link{color:#f582ae;text-decoration:none;font-size:16px;font-weight:700;transition:color .3s ease-in-out}.post__link:hover{color:#fff;background-color:#0f0;border-radius:5px;padding:2px}.post__button{color:#fff;background-color:#0f0;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color}.post__button:hover{background-color:green}.loader[data-v-704a8796]{position:relative;width:50px;height:50px;margin:auto}.segment[data-v-704a8796]{position:absolute;bottom:50%;left:50%;width:10%;height:25%;background-color:#00f;border:1px solid #00f;transform-origin:50% 100%;animation:spin-704a8796 1s linear infinite}@keyframes spin-704a8796{0%{transform:rotate(0) translateY(-50%)}to{transform:rotate(360deg) translateY(-50%)}}.home[data-v-790d4d71]{padding:20px}.home__title[data-v-790d4d71]{color:#001858;font-size:24px;margin-bottom:10px}.home__posts[data-v-790d4d71]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}@media (max-width: 576px){.home__posts[data-v-790d4d71]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.post-form[data-v-0f1b5566]{padding:20px;background:#FFF2F2;border-radius:32px}.post-form__title[data-v-0f1b5566]{color:#001858;font-size:24px;margin-bottom:10px}.post-form__form[data-v-0f1b5566]{display:flex;flex-direction:column;align-items:center}.post-form__group[data-v-0f1b5566]{width:80%;margin-bottom:10px}.post-form__label[data-v-0f1b5566]{color:#000;font-size:14px;display:block;margin-bottom:5px}.post-form__input[data-v-0f1b5566]{width:100%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:16px}.post-form__textarea[data-v-0f1b5566]{width:100%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:16px;resize:none}.post-form__error[data-v-0f1b5566]{color:red;font-size:12px;margin-top:5px}.post-form__button[data-v-0f1b5566]{color:#001858;background-color:#f582ae;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color}.post-form__button[data-v-0f1b5566]:hover{background-color:green}.comment{padding:10px;background:#fef6e4;border-top:1px solid #8bd3dd;margin-bottom:8px;border-radius:16px}.comment__info{color:#000;font-size:14px;margin-bottom:5px}.comment__name{color:#001858;font-size:12px;font-weight:700;margin-right:20px}.comment__email{color:#001858;font-size:12px}.comment__text{color:#001858;font-size:16px;margin-bottom:5px}.comment__date{color:#999;font-size:12px;margin-bottom:5px}.comment__button{border:none;border-radius:5px;padding:5px 10px;cursor:pointer;color:#001858;background-color:#f582ae}.comment__button:hover{background-color:green}.comment-form[data-v-2f38da2e]{padding:16px;border:1px solid #000;border-radius:16px;background:#FFF2F2;margin-top:32px;box-shadow:3px 4px 4px #0000004a}.comment-form__title[data-v-2f38da2e]{color:#001858;font-size:24px;margin-bottom:10px}.comment-form__form[data-v-2f38da2e]{display:flex;flex-direction:column;align-items:center}.comment-form__group[data-v-2f38da2e]{width:80%;margin-bottom:10px}.comment-form__label[data-v-2f38da2e]{color:#000;font-size:16px;display:block;margin-bottom:5px}.comment-form__input[data-v-2f38da2e]{width:100%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:16px}.comment-form__textarea[data-v-2f38da2e]{width:100%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:16px;resize:none}.comment-form__error[data-v-2f38da2e]{color:red;font-size:12px;margin-top:5px}.comment-form__button[data-v-2f38da2e]{color:#001858;background-color:#f582ae;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color}.comment-form__button[data-v-2f38da2e]:hover{background-color:green}.post-detail{padding:24px}.post-detail__title{color:#001858;font-size:24px;margin-bottom:10px}.post-detail__summary{color:#001858;font-size:16px;margin-bottom:10px}.post-detail__edit{display:flex;flex-direction:column;align-items:center}.post-detail__input{width:80%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:18px;margin-bottom:10px}.post-detail__textarea{width:80%;padding:10px;border:2px solid #8bd3dd;border-radius:5px;font-size:16px;margin-bottom:10px;resize:none}.post-detail__view{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid #000;border-radius:16px;background:#FFF2F2;box-shadow:3px 4px 4px #0000004a}.post-detail__content{color:#000;font-size:16px;margin-bottom:10px}.post-detail__date{color:#999;font-size:14px;margin-bottom:10px}.post-detail__button{color:#001858;background-color:#f582ae;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color;font-size:12px}.post-detail__button:hover{background-color:green}.post-detail__buttons{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:20px}.post-detail__comments-title{color:#8bd3dd;font-size:16px;margin-top:20px;margin-bottom:10px}