@import"https://fonts.googleapis.com/css2?family=Give+You+Glory&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;font-family:Give You Glory,cursive;font-weight:lighter;color:#fff}body{background:#070707}@media (min-width: 1000px){body{overflow:hide;background-image:url(./gridbackground-af08afff.png);background-repeat:repeat;background-attachment:fixed;background-size:100%;background-position:center center;transition:background-size 1.9s ease-in-out}}@media (max-width: 1000px){body{overflow:hide;background-image:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}header{position:fixed;font-size:12px;display:flex;align-items:center;justify-content:space-between;width:95%;margin:2.5%;z-index:20;opacity:0;transition:opacity ease-in-out 1.3s}#chronicles-of-tate-desktop-btn a{cursor:pointer;text-decoration:none}.header-menu{display:flex;justify-content:space-evenly;width:15%;font-size:12px}.header-menu button{background:transparent;border:0px;font-size:18px;cursor:pointer;color:#fff;transition:background-color .3s ease,color .3s ease}.mute-icon{display:none}.hamburger-menu-icon{display:none;background:transparent;border:0px;font-size:18px;cursor:pointer;color:#fff;transition:background-color .3s ease,color .3s ease}.header-menu button:hover{color:#949494}@media (max-width: 1000px){.header{justify-content:center;margin-top:25px}.header-menu{display:none}.mute-icon{background:transparent;border:0px;font-size:18px;cursor:pointer;color:#fff;transition:background-color .3s ease,color .3s ease;display:flex;position:fixed;margin-right:80%;font-size:24px}.mute-icon img{height:24px;width:24px}.hamburger-menu-icon{display:flex;position:fixed;margin-left:80%;font-size:24px}.hamburger-menu-icon img{height:20px;width:20px}}.home-page{position:absolute;height:98vh;width:97.5vw;font-size:30px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:1;transition:opacity ease-out 2.5s;z-index:17}.mobile-background{display:none}.home-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1%;padding-top:0}.home-page-content img{width:75%;margin-top:12px;margin-bottom:12px}.loading-bar{height:2px;width:100%;background-color:#fff;margin-top:16px;transform-origin:center left;transform:scaleX(0);transition:transform .5s ease,opacity .5s ease}.home-page-content p{font-size:12px;margin-top:12px;transition:opacity .5s ease}.launch-experience-btn{display:none;padding:10px 20px;border:none;color:#fff;background-color:transparent;text-align:center;font-size:40px;cursor:pointer;width:fit-content;margin-bottom:3%;transition:opacity .5s ease,background-color .3s ease-in-out}.launch-experience-btn:hover{color:#949494}.quote-preloader{position:absolute;height:98vh;width:97.5vw;display:flex;justify-content:center;align-items:center;font-size:36px;opacity:0;transition:opacity ease-out 2.5s}.quote-preloader h3{text-align:center}.quote-preloader h3 span{opacity:0;transition:opacity ease-out .5s}.skip-btn{position:absolute;background-color:transparent;border:none;padding:10px 20px;margin:0;margin-top:90vh;cursor:pointer;z-index:150}#fourteen{color:red}@media (max-width: 1400px){.quote-preloader h3{font-size:20px}}@media (max-height: 900px){.home-page-content{font-size:16px}}@media (max-width: 1000px){.home-page{justify-content:flex-start;padding-top:15%}.home-page-content{font-size:20px}.skip-btn{margin-top:60vh}.mobile-background{display:flex;height:99vh;width:99vw;overflow:hide;background-image:url(./gridbackgroundVertical-3b3432fd.png);background-repeat:repeat;background-position:center center;background-size:100%;z-index:-2;position:fixed;transition:background-size 1.9s ease-in-out}.launch-experience-btn{font-size:20px;margin-bottom:20%}}@media (max-width: 700px){.quote-preloader h3{font-size:20px}}@media (max-width: 540px){.quote-preloader h3{font-size:20px}}@media (max-width: 450px){.home-page-content{font-size:12px}.quote-preloader h3,.launch-experience-btn{font-size:20px}}.about{background:#070707a2;width:100%;height:100%;overflow:hidden;position:fixed;display:none;opacity:0;transition:opacity ease-out 1.5s}.about-content{display:flex;flex-direction:column;justify-content:flex-start;height:80%;margin-right:15%;margin-left:15%;margin-top:10%;overflow-y:scroll;overflow-x:hide;font-size:20px;overflow:auto}.about-content button{margin-right:90%;padding:0;margin-bottom:12px;border:none;color:#fff;background-color:transparent;text-align:left;font-size:20px;cursor:pointer;transition:background-color .3s ease,color .3s ease;width:fit-content}.about-content button:hover{color:#aeaeae}.chronicle{position:fixed;color:#fff;width:100vw;height:100vh;overflow:hidden;display:none;justify-content:center;align-items:center;background-color:#07070756;animation:fade-in 1.5s;transition:opacity ease-out 1.5s;z-index:13;margin:0;padding:0}.chronicle.hide{display:none;animation:fade-out 1.5s}.red-text{color:red}.chronicle-content{display:flex;justify-content:center;flex-direction:column;width:80%;height:80%;margin-top:30%;margin-bottom:25%}.chronicle-content img{max-width:100%;object-fit:contain;max-height:20%;margin-top:0%;padding:0;margin-bottom:12px}.chronicle-content h3{font-size:28px;text-align:left}#chronicle-text-content-date{margin:12px 0 0;font-size:20px}.close-chronicle-btn{padding:0;border:none;color:#fff;background-color:transparent;text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s ease,color .3s ease;width:fit-content;margin:0}.chronicle-content button:hover{color:#aeaeae}@media (min-width: 1000px){.chronicle-content img{max-height:50%;min-height:50%}}@media (max-width: 1000px){.about-content{margin-right:5%;margin-left:5%;margin-top:25%;height:80%}.chronicle-content h3{font-size:28px;margin:0 0 12px}.chronicle-content img{max-height:50%;min-height:50%;margin:0 0 12px}.close-chronicle-btn{margin:0 0 20px}#chronicle-text-content-date{margin:12px 0 0;font-size:20px}}@media (max-width: 750px){.chronicle-content h3{font-size:20px;margin:0 0 8px}.chronicle-content img{max-height:50%;min-height:20%;margin:0 0 8px}.close-chronicle-btn{margin:0 0 8px}#chronicle-text-content-date{margin:0;font-size:16px}}.sections{z-index:1;opacity:0;transition:opacity ease-out 1.5s}.quote{display:flex;justify-content:center;flex-direction:column;align-items:center}#quote-2011-1,#quote-2011-2{margin-bottom:100vh}.section-2011{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.section-2011-text{display:flex;justify-content:center;align-items:center;height:100vh}.section-2011-text h1{color:#fff;font-size:134px;font-weight:lighter}.section-2011-quote{color:#fff;font-size:35px;font-weight:100;width:min-content;display:flex;align-items:center;justify-content:center}.viewport-enter{height:1vh;width:95%;margin-top:15vh;margin-bottom:15vh}.viewport-exit{height:1vh;margin-bottom:140vh;width:95%;margin-top:0vh;margin-bottom:15vh}.section-2011-quote h3{width:35vw;margin:10px;opacity:100%;padding:10px}.section-2011-end{height:1vh}@media (max-width: 1000px){.section-2011-quote{flex-direction:column}.reverse{flex-direction:column-reverse}.viewport-enter{margin-top:5vh;margin-bottom:5vh}.viewport-exit{margin-top:0vh;margin-bottom:5vh}.section-2011-quote img{width:75vw}.section-2011-quote h3{width:75vw;font-size:30px}}.section-2012{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.section-2012-text{display:flex;justify-content:center;align-items:center;height:100vh}.section-2012 h1{color:#fff;font-size:134px;font-weight:400}.section-2012-end{height:1vh}.section-2013{height:1vh;display:flex;flex-direction:column;justify-content:space-between}.section-2013-text{display:flex;justify-content:center;align-items:center;margin-top:35vh;height:15vh}.section-2013 h1{color:#fff;font-size:134px;font-weight:400}.section-2013-end{height:1vh}.webgl{position:fixed;top:0;left:0;outline:none;z-index:-1}.tate-end{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3%;margin-top:10vh;font-size:30px}.tate-end img{max-width:50%;margin:2%}@media (max-width: 500px){.tate-end{margin-top:50vh;font-size:24px}.tate-end img{max-width:70%;margin:2%}}