body{background-color:#f4f4f4;font-family:sans-serif;font-family:labrada,Georgia,serif;margin:0;padding:0}.home{text-align:center}.islands{display:flex;flex-direction:column}.first-row{align-items:flex-start;display:flex;justify-content:space-between;margin-left:30vw;width:20vw}.second-row{display:flex;justify-content:center;width:100%}.island{cursor:pointer;height:auto;transition:filter .3s ease,transform .3s ease}.island:hover{filter:drop-shadow(0 0 8px #39795E) drop-shadow(0 0 15px #61A6A9);transform:scale(1.05)}.island1{margin-top:10vh;width:10vw}.island2{width:30vw}.island3{margin-top:-20px;width:40vw}.banner{background-color:#39795e;box-shadow:5px 5px 10px gray;margin-top:10px;padding:10px 0 20px}.title{color:#f4f4f4;font-size:22px}.banner-text{color:#f4f4f4;font-size:18px;padding:0 10%;text-align:left}.card-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:50px 0}.card{background-position:50%;background-size:cover;border-radius:14px;box-shadow:0 4px 8px #0003;cursor:pointer;height:320px;overflow:hidden;position:relative;transition:transform .2s ease-in-out;width:320px}@media (min-width:1024px){.card{height:50vh;width:25vw}}.card:hover{transform:translateY(-8px)}.card-text{background:#fff9;bottom:40%;color:#222;font-size:20px;font-weight:700;padding:14px 10px;position:absolute;width:100%}.navbar{background-color:#f4f4f4;font-family:labrada,Georgia,serif;padding:10px 40px}.navbar-content{align-items:flex-end;display:flex;justify-content:space-between;position:relative}.works-wrapper{display:inline-block;position:relative}.nav-item-title{color:#07553d;cursor:pointer}.dropdown{background-color:#333;border-radius:5px;font-size:14px;left:0;list-style:none;min-width:150px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.dropdown li{color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:left}.dropdown li:hover{background-color:#555}.navbar-content:after{background:linear-gradient(90deg,#276c52 0,#ccd4c0 45%,#fddaa4 60%,#d1ae79);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.navbar-content:before{background-color:#d1ae79;bottom:-3px;content:"";height:8px;position:absolute;right:0;transform:rotate(45deg);width:8px}.logo img{height:60px;object-fit:contain}.logo :hover{cursor:pointer}.nav-links{-webkit-margin-after:10px;color:#07553d;display:flex;font-size:18px;gap:40px;list-style:none;margin-block-end:10px;position:relative}.menu-button{background-color:#f4f4f4;border:none;border-radius:4px;color:#d1ae79;cursor:pointer;display:none;font-family:Georgia,serif;font-size:16px;padding:.5rem 1rem}@media (max-width:767px){.menu-button{display:block}.nav-links{background-color:#f4f4f4;border-radius:4px;box-shadow:0 2px 5px #0003;display:none;flex-direction:column;gap:20px;padding:10px 20px;position:absolute;right:10px;top:70px;z-index:1000}.nav-links.open{display:flex}}@media (min-width:768px){.navbar{padding:10px 10%}.nav-links{padding-right:5%}.logo{padding-left:1%}}.write-page{background-color:#f4f4f4;font-family:Georgia,serif;min-height:100vh;padding-bottom:50px}.form-container{display:flex;flex-direction:column;gap:25px;margin:40px auto;width:60%}.form-row{align-items:center;background:#fff;border-radius:12px;display:flex;padding:15px 20px}.form-row>label{color:#2d594f;font-weight:700;margin-right:50px;width:50px}.type-options{display:flex;gap:20px}.align-top{align-items:flex-start}.align-top>label{margin-top:15px}textarea{background-color:#fff;border:1px solid #2d594f;border-radius:12px;font-size:16px;height:200px;padding:15px;resize:none;width:100%}select,textarea{font-family:Georgia,serif}select{border:1px solid #2d594f;border-radius:6px;padding:8px;width:200px}.form-actions{display:flex;gap:15px;justify-content:flex-end}button.preview,button.publish{background-color:#fff;border:2px solid #2d594f;border-radius:20px;color:#2d594f;cursor:pointer;font-family:Georgia,serif;font-size:14px;padding:8px 16px}button.publish{background-color:#2d594f;color:#fff}.input-with-icon{align-items:center;display:flex;position:relative;width:-webkit-fit-content;width:fit-content}.input-with-icon input[type=date]{font-size:16px;padding:8px 12px}
/*# sourceMappingURL=main.08a099ec.css.map*/