:root{--dark-color: #1f1f1f;--light-color: #fafafa;--gray-dark-color: #575756;--gray-mid-color: #b5b5b5;--gray-light-color: #f7f7f7;--gap-xxxl: 64px;--gap-xxl: 48px;--gap-xl: 32px;--gap-l: 24px;--gap-m: 16px;--gap-s: 12px;--gap-xs: 8px;--gap-xxs: 4px;--breakpoint-xl: 1200px;--breakpoint-m: 768px;--breakpoint-s: 480px}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}:root,:root button{font-weight:400;font-family:Quicksand,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}h1{font-size:80px}@media (max-width: 768px){h1{font-size:64px}}h2{font-size:64px}@media (max-width: 768px){h2{font-size:48px}}h3{font-size:48px}@media (max-width: 768px){h3{font-size:32px}}h4{font-size:32px}@media (max-width: 768px){h4{font-size:24px}}h5{font-size:24px}@media (max-width: 768px){h5{font-size:18px}}h6{font-size:18px}span,p{font-size:16px}body{margin:0;overflow:hidden}.global-bg{background-image:url(/images/olivos-l.jpg);background-position:center;background-size:cover;z-index:0;position:absolute;top:0;left:0;bottom:0;right:0}.global-bg:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#ffffff80}html{scroll-behavior:smooth}.container{max-width:var(--breakpoint-xl);padding-left:var(--gap-xl);padding-right:var(--gap-xl);margin:0 auto}@media (max-width: 480px){.container{padding-left:var(--gap-m);padding-right:var(--gap-m)}}.logo{width:125px;margin:0 auto;display:block}.icon{width:30px;display:block}section{padding:var(--gap-xxl)}@media (max-width: 480px){section{padding:var(--gap-xl) var(--gap-m)}}section:nth-child(2n){background-color:#f7f7f7b3}#app{max-width:var(--breakpoint-m);margin:var(--gap-xl) auto;height:calc(100vh - calc(var(--gap-xl) * 2));box-sizing:border-box;border:1px solid var(--gray-mid-color);width:100%;overflow:auto;position:relative;z-index:1;background-image:url(/images/olivos-s.jpg);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1000px #ffffffd9}@media (min-width: 481px){#app{border-radius:var(--gap-m)}}@media (max-width: 768px){#app{border:none;margin:0;max-width:unset;height:100vh}}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){@media (max-width: 768px){#app{height:-webkit-fill-available}}@media (max-width: 480px){section.welcome{height:-webkit-fill-available}}}section.welcome{text-align:center;padding-top:var(--gap-xxl)}section.welcome .container{height:100%;display:flex;flex-direction:column}section.welcome .content{flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width: 480px){section.welcome{height:100vh;box-sizing:border-box}section.welcome #description{margin-top:var(--gap-xxl)}}section.welcome #title{margin-bottom:64px}@media (max-width: 480px){section.welcome #title{font-size:40px}}section.welcome #date{font-size:24px;margin-bottom:var(--gap-l)}section.welcome #date h3{font-size:48px!important}section.welcome #countdown{display:flex;gap:var(--gap-m);justify-content:center}section.welcome #countdown>div{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--gap-xxxs);border:1px solid var(--dark-color);width:60px;height:60px;box-sizing:border-box;border-radius:50%}section.welcome #countdown>div span{display:block;font-size:10px}section.timeline>.content{max-width:500px;margin:0 auto}section.timeline h3{margin-bottom:var(--gap-l)}@media (max-width: 480px){section.timeline h3{padding-left:0}}section.timeline .entry{display:flex;position:relative;overflow:hidden}section.timeline .entry:not(:last-child){padding-bottom:var(--gap-l)}section.timeline .entry:not(:last-child) .col-middle img{position:relative}section.timeline .entry:not(:last-child) .col-middle:after,section.timeline .entry:not(:last-child) .col-middle .icon-wrapper:after{content:"";width:2px;height:200%;background-color:var(--dark-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}section.timeline .entry:last-child .col-left{padding-top:var(--gap-xxs)}@media (max-width: 480px){section.timeline .entry:last-child .col-left{padding-top:var(--gap-xs)}}section.timeline .entry-description{font-size:18px}section.timeline .col-left,section.timeline .col-right{position:relative}section.timeline .col-left{min-width:60px;box-sizing:border-box;text-align:center;margin-right:var(--gap-s);text-align:right;padding-top:14px}section.timeline .col-left h5{line-height:1}@media (max-width: 480px){section.timeline .col-left{min-width:45px}}section.timeline .col-right{padding-top:12px;text-align:left;margin-left:var(--gap-s)}section.timeline .col-right a{display:flex;gap:var(--gap-xxs);align-items:flex-end;text-decoration:none;color:var(--dark-color)}@media (min-width: 481px){section.timeline .col-right a:hover{text-decoration:underline}}section.timeline .col-right img{min-width:25px;max-width:25px;display:block}section.timeline .col-middle{align-self:stretch;display:flex;align-items:flex-start;position:relative}section.timeline .col-middle>.icon-wrapper{background-color:var(--light-color);position:relative;border:2px solid var(--dark-color);border-radius:50%;padding:var(--gap-xs)}.thanks>div{position:relative}.thanks .img-wrapper{background:url(/images/couple.jpg);background-size:cover;background-position:center;padding-left:var(--gap-xl);padding-right:var(--gap-xl);position:relative;border-radius:4px}.thanks .bg-layer{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#fff6}.thanks img{position:relative;height:300px;display:block;margin:0 auto}.thanks .text{font-size:24px;text-align:center;display:block;margin-top:var(--gap-m)}footer{background-color:#e1e1e1b3}footer .container{padding-top:var(--gap-m);padding-bottom:var(--gap-m)}footer .phone-numbers{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-m);justify-content:center}footer .phone-numbers>div{display:flex;align-items:center;gap:var(--gap-s)}footer .phone-numbers .emoji{font-size:30px}footer span{display:block}footer a{text-decoration:none;color:var(--dark-color)}footer .cc{margin-top:var(--gap-s);text-align:center}.confirmation span{display:block;font-size:20px}.confirmation a{text-decoration:none}.confirmation button{display:block;margin:var(--gap-l) auto 0;background-color:#0a5c36;border-radius:4px;border:none;padding:var(--gap-s) var(--gap-m);color:var(--light-color);border:1px solid #778a35;font-size:18px;font-weight:500;cursor:pointer}
