@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&family=Great+Vibes&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.loading-screen{background-color:#e1eac7;z-index:-99}.loading-screen svg{font-size:10vmin;color:#202020}.transp-text{color:rgba(0,0,0,.02)}.outline-text{--color-alpha:rgba(0,0,0,0.03);color:var(--background-container);text-shadow:-1px -1px 0 var(--color-alpha),1px -1px 0 var(--color-alpha),-1px 1px 0 var(--color-alpha),1px 1px 0 var(--color-alpha)}.enter-btn{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;cursor:pointer;border-radius:20px;position:fixed;background-color:var(--accent-color1);color:var(--accent-color2);text-decoration:none;text-align:center;padding:20px 3vmin;z-index:2;width:100px;bottom:80px;left:50%;transform:translateX(-50%);box-shadow:0 0 6px #000}.ring-text{opacity:0}.date-counter,.wedding-date{font-family:Montserrat,sans-serif}.date-counter,.wedding-date,.wedding-partner{top:50%;left:50%}.date-counter{position:fixed;font-size:11vh;transform:translateX(-50%) translateY(-210%);display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center}.date-counter .count{opacity:.15}.date-counter .days,.date-counter .hours,.date-counter .minutes{margin-left:10px;opacity:.3}.wedding-date{font-weight:800;font-size:7vh;text-align:center;width:100%;transform:translateX(-50%) translateY(-420%);opacity:.4}.wedding-date,.wedding-partner{position:fixed;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center}.wedding-partner{font-family:Great Vibes,cursive;font-size:10vh;transform:translateX(-50%) translateY(150%)}.wedding-partner div.punctuation{font-size:7vh;padding-left:40px;padding-right:40px}.wedding-partner div.first-partner,.wedding-partner div.second-partner{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center}@media screen and (max-width:480px){.date-counter{font-size:13vmin;transform:translateX(-50%) translateY(180%)}.wedding-date{font-size:7vmin;transform:translateX(-50%) translateY(500%)}.wedding-partner{font-size:12vmin;transform:translateX(-50%) translateY(-150%);flex-direction:column;align-content:center;justify-content:center;align-items:center}.wedding-partner div.punctuation{font-size:5vh;padding-left:0;padding-right:0;margin-top:10px;margin-bottom:10px}.notification-link{width:10vmin;height:10vmin}.notification-link svg{font-size:6vmin}}@media screen and (max-width:360px){.notification-link{width:12vmin;height:12vmin}}.title-partner{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-30vh);display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center}.title-partner span{font-family:Great Vibes,cursive;font-size:9vh;opacity:0}.partner1,.partner2{position:absolute;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;opacity:0}.partner1 .partner-name,.partner2 .partner-name{font-size:3vh;font-weight:600;opacity:0}.partner1 .partner-detail,.partner2 .partner-detail{font-size:2vh;opacity:0}@media screen and (max-width:480px){.title-partner{transform:translateX(-50%) translateY(-65vmin)}.title-partner span{font-size:10vw}}@media screen and (max-width:360px){.title-partner{transform:translateX(-50%) translateY(-55vmin)}}.title-location{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-30vh);display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center}.title-location span{font-family:Great Vibes,cursive;font-size:11vh;opacity:0}.geo-link{font-size:7vmin;color:red;position:fixed;border-radius:50%;background-color:#e0cc8b;width:7vmin;height:7vmin;box-shadow:0 0 15px #000;z-index:4;right:10px;bottom:20px;opacity:0}.geo-link svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loc-detail{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;text-align:center;padding-left:20px;padding-right:20px;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-60%) scale(0);z-index:3;background-color:hsla(0,0%,96.1%,.85);min-width:280px;min-height:200px;border-radius:20px;box-shadow:2px 2px 2px silver;font-family:Montserrat,sans-serif;transition:transform .5s cubic-bezier(.65,0,.35,1)}.loc-detail .close{position:fixed;right:20px;top:10px}.loc-detail .address,.loc-detail .close,.loc-detail .map-link,.loc-detail .title-loc{font-weight:600;margin-bottom:20px}.loc-detail .title-loc{font-weight:900}.loc-detail .map-link{text-decoration:none;background-color:var(--accent-color1);color:var(--accent-color2);padding:12px;border-radius:10px}.loc-detail.active{transform:translateX(-50%) translateY(-60%) scale(1)}.geo-link.animate{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@media screen and (max-width:480px){.title-location{transform:translateX(-50%) translateY(-50vmin)}.title-location span{font-size:18vmin}.geo-link{font-size:9vmin;width:10vmin;height:10vmin;bottom:80px}}@media screen and (max-width:360px){.geo-link{font-size:11vmin;width:12vmin;height:12vmin}}.quote-content{text-align:center;font-family:Montserrat,sans-serif;position:fixed;top:50%;transform:translateY(-55%);flex-direction:column;justify-content:flex-start;width:100%;font-size:3vmin;z-index:3}.quote-content,.quote-content .title-quote{display:flex;align-content:center;align-items:center}.quote-content .title-quote{flex-direction:row;justify-content:center;padding-bottom:70px}.quote-content .title-quote span{font-family:Great Vibes,cursive;font-weight:400;font-size:15vmin;opacity:0}.quote-content p{max-width:900px;line-height:3vmin;opacity:0}.quote-content .source{opacity:0;padding-top:30px;font-weight:900}.quote-content .source a{text-decoration:none;background-color:var(--accent-color1);color:var(--accent-color2);padding:15px;border-radius:12px}@media screen and (max-width:480px){.quote-content .title-quote{padding-bottom:30px}.quote-content .title-quote span{font-size:15vmin}.quote-content p{font-size:4vmin;max-width:350px;line-height:4vmin}.quote-content .source{font-size:4vmin;padding-top:30px}}@media screen and (max-width:360px){.quote-content .title-quote span{font-size:15vmin}.quote-content p{font-size:4vmin;max-width:290px;line-height:4vmin}.quote-content .source{font-size:4vmin;padding-top:30px}}#comments-container{position:fixed;display:table;z-index:0;width:80%;height:75%;left:50%;top:4vmin;transform:translateX(-50%);opacity:0}#allcomments{display:table-cell;font-family:Montserrat,sans-serif;padding:3%;border:1px solid grey;border-radius:20px;box-shadow:2px 2px 2px silver;background-color:hsla(0,0%,96.1%,.286)}#allcomments .comment-title{font-weight:900;font-size:3vmin}#allcomments .scroll{overflow:none;overflow-x:hidden;overflow-y:scroll;touch-action:auto;max-height:35vmin}#allcomments .scroll #pastcomments{list-style-type:none;transform:rotate(180deg)}#allcomments .scroll #pastcomments li{padding-bottom:1em;padding-top:2em;border-bottom:1px solid hsla(0,0%,50.2%,.2);font-weight:400;transform:rotate(-180deg)}#allcomments .scroll #pastcomments li span{font-size:90%;color:grey;font-style:italic}#allcomments .scroll #pastcomments li span .comment-name{font-weight:600;color:var(--accent-color1)}#allcomments .scroll #pastcomments li span .comment-attend{font-weight:600;color:#b4a0dd}.scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#525252}#newcomment{border-bottom:3px solid grey;padding-bottom:10px;font-size:.8em}#newcomment input[type=text],#newcomment textarea{margin-top:0}#newcomment textarea{width:100%;height:45px}#newcomment label{display:inline-block;margin:10px 0 2px;font-weight:400}#newcomment input[type=submit]{padding:10px 15px;font-weight:900;background-color:bisque;cursor:pointer;border-radius:15px;transition:background-color .3s linear}#newcomment input[type=submit]:hover{background-color:#fff}#newcomment input[type=radio],#newcomment label[for=txAttend],#newcomment label[for=txNotAttend]{cursor:pointer}#newcomment label[for=txAttend],#newcomment label[for=txNotAttend]{margin-right:20px}#btnSubmitComment{margin-top:1em}@media screen and (max-width:480px){#comments-container{top:8vmin;height:80%}#allcomments .comment-title{font-size:4vmin}#allcomments .scroll{max-height:70vmin}#allcomments .scroll #pastcomments li span{font-size:80%}}@media screen and (max-width:360px){#allcomments .scroll{max-height:52vmin}}.gift-content{position:fixed;z-index:2;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;opacity:0;width:100%;top:50%;transform:translateY(-50%)}.gift-content .title-gift{font-family:Great Vibes,cursive;padding-bottom:40px}.gift-content .title-gift span{font-family:Great Vibes,cursive;font-weight:400;font-size:10vh;opacity:1}.gift-content .cards-container{flex-direction:row;flex-wrap:wrap;max-width:1000px}.gift-content .cards-container,.gift-content .cards-container .card{display:flex;align-content:center;justify-content:center;align-items:center}.gift-content .cards-container .card{flex-direction:column;background-color:#fff;padding:20px 30px;margin:10px;border-radius:30px;width:275px}.gift-content .cards-container .card img{padding-bottom:15px;max-width:150px}.gift-content .cards-container .card span{font-family:Montserrat,sans-serif;font-weight:400;text-align:center}.gift-content .cards-container .card .owner{font-weight:800;padding-bottom:20px}.gift-content .cards-container .card .copy-btn{background-color:#000;padding:10px 30px;border-radius:20px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s linear}.gift-content .cards-container .card .copy-btn .check{display:none}.gift-content .cards-container .card .copy-btn svg{color:#fff;transition:background-color .3s linear}.gift-content .cards-container .card .copy-btn span{font-weight:400;padding-left:5px;color:#fff;transition:background-color .3s linear}.gift-content .cards-container .card .copy-btn .success,.gift-content .cards-container .card .copy-btn .val{display:none}.gift-content .cards-container .card .copy-btn:hover{background-color:#72b580}.gift-content .cards-container .card .copy-btn:hover span,.gift-content .cards-container .card .copy-btn:hover svg{color:#fff}.gift-content .cards-container .card .copy-btn.copied{background-color:#72b580}.gift-content .cards-container .card .copy-btn.copied .check{display:inline}.gift-content .cards-container .card .copy-btn.copied span,.gift-content .cards-container .card .copy-btn.copied svg{display:none}.gift-content .cards-container .card .copy-btn.copied .success{display:inline}@media screen and (max-width:480px){.gift-content{top:0;transform:translateY(0);justify-content:flex-start;height:100%;overflow-y:scroll}.gift-content .title-gift{margin-top:50px;padding-bottom:40px}.gift-content .title-gift span{font-family:Great Vibes,cursive;font-weight:400;font-size:13vmin}.gift-content .cards-container{max-width:1000px;margin-bottom:100px}.gift-content .cards-container .card{padding:20px;margin:10px;border-radius:30px}.gift-content .cards-container .card img{padding-bottom:10px;max-width:150px}.gift-content .cards-container .card span{font-size:1em}.gift-content .cards-container .card .owner{font-weight:800;padding-bottom:20px}.gift-content .cards-container .card .copy-btn span{font-size:12px}}.story-content{position:fixed;z-index:3;width:100%;height:100%;overflow:none;overflow-y:scroll;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.story-content .story-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-content:center}.story-content .story-container .story-timeline{width:100%}.story-content .story-container .story-timeline .story{scroll-snap-align:center;height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;font-size:2vh;width:100%;font-family:Montserrat,sans-serif;text-align:center}.story-content .story-container .story-timeline .story .story-header{font-size:15vmin;text-align:center;font-family:Great Vibes,cursive}.story-content .story-container .story-timeline .story .emoji{font-size:4vh}.story-content .story-container .story-timeline .story .header{opacity:0}.story-content .story-container .story-timeline .story .story-el{margin-top:8px;margin-bottom:8px;max-width:800px}.story-content .story-container .story-timeline .story .title-story{font-family:Great Vibes,cursive;font-size:7vh}.story-content .story-container .story-timeline .story .date-story{font-weight:600;font-size:2vh}.story-content .story-container .story-timeline .story .image-story{max-width:330px}.story-content .story-container .story-timeline .story .desc-story{font-weight:400}.story-content .story-container .story-timeline .story1,.story-content .story-container .story-timeline .story2,.story-content .story-container .story-timeline .story3,.story-content .story-container .story-timeline .story4,.story-content .story-container .story-timeline .story5{background-color:#fff}.story-content .story-container .story-timeline .story5 span{font-size:15vh}@media screen and (max-width:480px){.story-content{overflow:none;overflow-y:scroll}.story-content .story-container .story-timeline .story .emoji{font-size:3vh}.story-content .story-container .story-timeline .story .story-el{max-width:330px}.story-content .story-container .story-timeline .story .title-story{font-size:5vh}.story-content .story-container .story-timeline .story .date-story{font-size:13 px}.story-content .story-container .story-timeline .story .desc-story{font-size:15px}}@media screen and (max-width:360px){.story-content{overflow:none;overflow-y:scroll}.story-content .story-container .story-timeline .story .story-el{margin-bottom:2px;margin-top:2px}.story-content .story-container .story-timeline .story .title-story{font-size:5vh}.story-content .story-container .story-timeline .story .date-story{font-size:13 px}.story-content .story-container .story-timeline .story .image-story{max-width:250px}.story-content .story-container .story-timeline .story .desc-story{font-size:15px}}#navigation-menu,.links,.next-btn{position:fixed}#navigation-menu{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;width:100%;opacity:1;z-index:4;left:50%;bottom:20px;transform:translateX(-50%)}#navigation-menu .nav-btn{cursor:pointer;border-radius:50%;background-color:#d6c079;width:7vh;height:7vh;margin-right:10px;margin-left:10px;text-decoration:none;box-shadow:0 0 15px #000}#navigation-menu .menu-btn{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;transition-property:background-color,box-shadow;transition-duration:.5s}#navigation-menu .menu-btn span{position:absolute;background-color:var(--accent-color1);width:20px;height:3px;border-radius:5px;transition:all .5s}#navigation-menu .menu-btn span:first-child{transform:translateY(-5.5px)}#navigation-menu .menu-btn span:nth-child(3){transform:translateY(5.5px)}#navigation-menu .left-btn,#navigation-menu .right-btn{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}#navigation-menu .left-btn span,#navigation-menu .right-btn span{position:absolute;background-color:var(--accent-color1);width:15px;height:3px;border-radius:5px;transition:all .5s;transform:translateX(-3.5px) rotate(90deg)}#navigation-menu .left-btn span:first-child,#navigation-menu .right-btn span:first-child{width:14px;transform:translateX(2px) translateY(-4px) rotate(35deg)}#navigation-menu .left-btn span:nth-child(3),#navigation-menu .right-btn span:nth-child(3){width:14px;transform:translateX(2px) translateY(4px) rotate(-35deg)}#navigation-menu .left-btn{transform:rotate(180deg)}#navigation-menu .menu-btn.active{background-color:var(--accent-color1);box-shadow:0 0 6px #000}#navigation-menu .menu-btn.active span{background-color:var(--accent-color2);transform:rotate(1turn);opacity:0}#navigation-menu .menu-btn.active span:first-child{opacity:1;transform:translate(0) rotate(495deg)}#navigation-menu .menu-btn.active span:nth-child(3){opacity:1;transform:translate(0) rotate(405deg)}.links{font-family:Montserrat,sans-serif;font-size:1.5vmin;font-weight:600;background-color:#fff;border-radius:40px;text-align:center;padding:1vmin 3vmin;color:var(--base-color);text-decoration:none;background-color:var(--accent-color1);color:var(--accent-color2);width:10vmin;box-shadow:0 0 4px #000;z-index:-2}.links.disabled{background-color:var(--accent-color2);color:var(--accent-color1);pointer-events:none;cursor:default}.link1,.link2,.link3,.link4,.link5,.link6,.link7,.link8,.link9{transition-property:transform,z-index,opacity;transform:translateX(-50vmin);transition-duration:.5s;opacity:0}.link1{bottom:60vmin;transition-duration:.5s;transition-delay:.45s}.link2{bottom:55vmin;transition-delay:.4s}.link3{bottom:50vmin;transition-delay:.35s}.link4{bottom:45vmin;transition-delay:.3s}.link5{bottom:40vmin;transition-delay:.25s}.link6{bottom:35vmin;transition-delay:.2s}.link7{bottom:30vmin;transition-delay:.15s}.link8{bottom:25vmin;transition-delay:.1s}.link9{bottom:20vmin;transition-delay:.05s}.link1.active,.link2.active,.link3.active,.link4.active,.link5.active,.link6.active,.link7.active,.link8.active,.link9.active{transform:translateX(5vmin);opacity:1;z-index:4}.next-btn{left:50%;bottom:1vmin;z-index:3;text-decoration:none;color:var(--base-color);font-family:Montserrat,sans-serif;font-weight:600;opacity:0;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}.next-btn .ntext{font-size:3vmin;transform:translateY(8vmin);opacity:.2;transition:opacity .5s}.next-btn span svg{font-size:12vmin;transform:translateY(4vmin) scaleX(1.6) scaleY(.7);opacity:.8}.next-btn:hover .ntext{opacity:1}@media screen and (max-width:480px){#navigation-menu{justify-content:space-between}#navigation-menu .nav-btn{width:10vmin;height:10vmin}#navigation-menu .menu-btn.active{box-shadow:0 0 3px #000}#navigation-menu .left-btn svg,#navigation-menu .right-btn svg{padding:2px}.links{width:20vmin;font-size:2.8vmin;padding:1.7vmin 3vmin;box-shadow:0 0 3px #000}.link1{bottom:103vmin}.link2{bottom:93vmin}.link3{bottom:83vmin}.link4{bottom:73vmin}.link5{bottom:63vmin}.link6{bottom:53vmin}.link7{bottom:43vmin}.link8{bottom:33vmin}.link9{bottom:23vmin}.next-btn .ntext{font-size:4vmin;transform:translateY(7vmin)}.next-btn span svg{font-size:12vmin}}@media screen and (max-width:360px){#navigation-menu .nav-btn{width:12vmin;height:12vmin}}.ornament-bottom,.ornament-top{position:fixed;opacity:0;left:50%;transform:translateX(-50%);width:55vh}.ornament-bottom svg,.ornament-top svg{opacity:.5;height:100%;width:100%;stroke:#000}.ornament-top{top:20px}.ornament-bottom{bottom:80px}@media screen and (max-width:480px){.ornament-bottom,.ornament-top{width:40vh}.ornament-bottom{bottom:55px}}@media screen and (max-width:320px){.ornament-bottom,.ornament-top{width:55vh}}.quote-content .endcard{font-weight:600}.quote-content .card{text-align:center;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;opacity:0;width:600px;min-height:200px;background-color:hsla(0,0%,100%,.671);margin-bottom:20px;border-radius:15px;padding:2.5px 20px}.quote-content .card span{font-size:2vh;font-weight:600;margin-bottom:10px;margin-top:10px}.quote-content .card span:first-child{font-family:Great Vibes,cursive;font-size:30px;font-weight:400}.quote-content .card span:nth-child(2){font-weight:400}@media screen and (max-width:480px){.quote-content .card{text-align:center;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;width:250px;min-height:150px;background-color:hsla(0,0%,100%,.444);margin-bottom:30px;border-radius:15px}.quote-content .card span{font-weight:600;margin-bottom:10px;margin-top:10px}.quote-content .card span:nth-child(2){font-weight:400}}.play-btn{position:fixed;z-index:4;top:10px;right:10px;width:7vmin;height:7vmin;border-radius:50px;border:4px solid var(--accent-color1);box-shadow:0 0 5px #000;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}.play-btn .icon{fill:var(--accent-color1)}.play-btn .icon.switch{display:none}@media screen and (max-width:480px){.play-btn{width:10vmin;height:10vmin}}:root{--easing:cubic-bezier(0.5,0.7,0.4,1);--page-background:#fff;--background-container:#e1eac7;--accent-color1:#867b52;--accent-color2:#e7cd8b}*{margin:0;padding:0}body,html{font-family:Work Sans,sans-serif;font-weight:300;overflow:hidden;height:100%}.background-container,.webgl{position:fixed;top:0;left:0;outline:none}.webgl{z-index:1}.background-container{width:100%;height:100%;z-index:-2;margin:0;padding:0;opacity:.4;background:url(../images/bg-pattern-batik.png);background-color:var(--background-container);-webkit-animation:movepattern 20s linear infinite;animation:movepattern 20s linear infinite}@-webkit-keyframes movepattern{0%{background-position:300px 0}to{background-position:0 0}}@keyframes movepattern{0%{background-position:300px 0}to{background-position:0 0}}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:900}.loading-screen,.preload,.transition{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.transition{background-color:#f4f4f4;transform:translateY(-100%);z-index:5}.transition>h2{font-size:40px;color:#202020}.preload{z-index:7;background-color:var(--background-container)}.preload .count-load{font-weight:400;font-size:12vh}