@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Montserrat:wght@200;400;600;800&display=swap";:root{--primary-color:#4e567e;--secondary-color:#d2f1e4;--bg-color:#fff;--text-color:#000;--border-color:#ccc;--shadow-color:#0000001a}body.dark-mode{--bg-color:#1a1a1a;--text-color:#fff;--border-color:#444;--shadow-color:#ffffff1a}html,body{height:100%;width:100%;background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;margin:0;padding:0;font-family:Montserrat,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}div#main{width:100vw;flex-direction:column;display:flex}section{width:100vw;opacity:0;animation:fadeInUp .8s ease-out forwards;position:relative}section:nth-of-type(1){animation-delay:0s}section:nth-of-type(2){animation-delay:.1s}section:nth-of-type(3){animation-delay:.2s}section:nth-of-type(4){animation-delay:.3s}section:nth-of-type(5){animation-delay:.4s}section:nth-of-type(6){animation-delay:.5s}section.min-height{min-height:100vh}section.padding{padding:5rem 0}section img.background{height:100%;object-fit:cover;pointer-events:none;width:100vmax;z-index:-1;opacity:.9;position:absolute;top:0;left:50%;transform:translate(-50%)}body.dark-mode section img.background{opacity:.3;filter:brightness(.5)}h1{margin:0;font-family:Cormorant Garamond,serif;font-size:7rem;font-weight:400;line-height:.8;animation:slideInLeft .8s ease-out}h2{margin:0;padding-top:1rem;font-size:2rem;font-weight:400;animation:slideInRight .8s ease-out}h3{margin:0;font-size:1.25rem;font-weight:400}p{margin-bottom:0;font-size:18px;font-weight:300;line-height:1.5}p.large{font-size:24px}p.small{font-size:15px}hr{border:none;border-top:1px solid var(--border-color);margin:2.5rem}li{line-height:1.7}li::marker{color:var(--primary-color)}a{color:var(--text-color);text-decoration:none;transition:color .3s,transform .3s}a:hover{color:var(--primary-color);transform:translate(2px)}button{transition:all .3s}button:hover{transform:scale(1.1)}.container{grid-gap:20px;grid-template-columns:330px 300px;margin:20px auto;display:grid}.container .box{border:1px solid var(--border-color);text-align:center;background-color:var(--bg-color);border-radius:10px;flex-direction:column;justify-content:flex-start;padding:24px 16px;transition:all .3s;animation:slideIn .6s ease-out;display:flex}.container .box:hover{box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-5px)}img.socialIcon{height:30px;width:30px;cursor:pointer;transition:transform .3s}img.socialIcon:hover{transform:rotate(10deg)scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--border-color)25%,var(--shadow-color)50%,var(--border-color)75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){h1{font-size:4rem}h2{font-size:1.5rem}.container{grid-template-columns:1fr;margin:20px}section{width:100vw}}
/*# sourceMappingURL=index.b884e097.css.map */