@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=Miltonian&display=swap";@import"https://fonts.googleapis.com/css2?family=Asul:wght@400;700&family=Belgrano&family=Life+Savers:wght@400;700;800&display=swap";@font-face{font-family:Heraldic Shadows;src:url(../font/Heraldic%20Shadows.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #1b061c;--font-color: #d3fcd2;--link-color: #7fffd4;--highlight-color: #d05cd6;--mobile-menu-bg: #2a0d34}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--font-color);font-family:Belgrano,serif}h1{font-family:Asul;font-weight:600;font-size:2em;color:var(--highlight-color)}h2{font-size:1.1em}a{color:var(--highlight-color);text-decoration:none}a:hover{text-decoration:underline}header{position:relative}header h1{margin:20px;font-family:Heraldic Shadows,serif;font-weight:400;font-size:3em;font-style:normal;letter-spacing:3px;color:var(--font-color)}header.main{padding:0;width:100%}header.main .banner{width:100%;height:auto;display:block;object-fit:contain}header.main .logo{position:absolute;left:50%;top:20vw;transform:translate(-50%);width:80vw;filter:drop-shadow(8px 8px 20px rgba(0,0,0,.5))}header.page img{display:block;width:100%;height:auto;object-fit:contain;position:relative}header.main:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#1b061c00 80%,#1b061ccc,#1b061c)}main{max-width:800px;padding:0 1em 3em;margin:auto}.yle_areena_player{margin:40px}.ig-grid{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:768px){header{position:relative;width:100%;padding:0}header.main .logo{top:12vw;width:28vw;filter:drop-shadow(10px 10px 25px rgba(0,0,0,1)) drop-shadow(0 0 15px rgba(0,0,0,.4))}header h1{position:absolute;left:50%;transform:translate(-50%);top:6vw;display:flex;flex-direction:column;align-items:center;font-size:6vw;letter-spacing:.3vw;white-space:nowrap;margin:0;text-shadow:0 0 6px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.9),6px 6px 18px rgba(0,0,0,.7),12px 12px 30px rgba(0,0,0,.4)}header.page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#1b061c00 80%,#1b061ccc,#1b061c)}.ig-grid{display:flex;flex-direction:row;justify-content:center;gap:1rem}.ig-item{flex:1;min-width:0}.ig-item blockquote{max-width:100%!important}}nav{font-family:Heraldic Shadows,serif;font-style:normal;font-weight:200;font-size:2vw;color:#d3fcd2;letter-spacing:.2vw}nav.desktop{display:none}nav.mobile{display:flex}@media(min-width:768px){nav.desktop{display:flex}nav.mobile{display:none}}nav.mobile .menu-icon{font-size:5em;color:#d3fcd2;cursor:pointer;position:absolute;top:.5em;right:.5em;z-index:10}nav.mobile .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;z-index:15}nav.mobile .overlay.visible{opacity:1;visibility:visible}nav.mobile .menu{position:fixed;top:0;right:0;width:70%;height:100%;background-color:var(--mobile-menu-bg);z-index:20;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transform:translate(100%);transition:transform .3s ease-in-out}nav.mobile .menu.open{transform:translate(0)}nav.mobile .menu .close-menu-icon{font-size:4em;color:#d3fcd2;cursor:pointer;align-self:flex-end;margin:1em}nav.mobile .menu ul{list-style:none;padding:0;margin:2em 0;display:flex;flex-direction:column;align-items:center;gap:1em;height:100%}nav.mobile .menu ul li{font-size:3.5em;color:#d3fcd2;cursor:pointer;display:flex;align-items:center;gap:.5em;letter-spacing:3px;margin:6px}nav.mobile .menu ul li .list-icon{font-size:.8em}nav.mobile .menu ul li.last{margin-top:auto}nav.mobile .menu ul li.last img{width:80%}nav.desktop{z-index:10;position:absolute;width:100%;justify-content:center}nav.desktop .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:70vw}nav.desktop .content img{width:12vw}nav.desktop .content .left{display:flex;align-items:center}nav.desktop .content .right{display:flex;align-items:center;gap:1vw}nav.desktop .content .nav-link{text-decoration:none;color:inherit;position:relative;cursor:pointer}nav.desktop .content .nav-link:after{content:"";position:absolute;left:0;bottom:-.5vw;width:100%;height:.2vw;background-color:var(--font-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out}nav.desktop .content .nav-link:hover:after{transform:scaleX(1);transform-origin:left}nav.desktop .separator{width:.5vw;height:.5vw;border-radius:50%;background-color:#d05cd6}