@import url("../main/ranking.css?ver3.1");@import url("../utils/fonts.css?ver3.1");@media (max-width:1880px){main{grid-template-columns:10% 1fr 10%}}@media (max-width:1650px){main{grid-template-columns:8% 1fr 8%}.previous{width:fit-content;&>img{max-width:6rem}}.next{width:fit-content;&>img{max-width:6rem}}}@media (max-width:1570px){.container{gap:15px}main{grid-template-columns:15% 1fr 15%}.next,.previous{width:100%}}@media (max-width:1200px){.banner>h1,.calendar{width:100%}}@media (max-width:745px){.sounds-state{left:8px;top:6px}main{gap:0;grid-template-columns:20% 1fr 20%;justify-items:center}.previous{width:fit-content;&>img{max-width:4rem}}.next{width:fit-content;&>img{max-width:4rem}}}@media (max-width:690px){.banner{grid-column:1/4;transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8)}.previous{&>img{max-width:4rem}}.next{&>img{max-width:4rem}}.calendar{margin:.5rem;padding:10px}}@media (max-width:670px){main{grid-template-columns:12% 1fr 12%}}@media (max-width:620px){.banner{transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7)}.container{gap:0;width:100%}main{grid-template-columns:14% 1fr 14%;grid-template-rows:11rem 19rem 4%}}@media (max-width:530px){main{grid-template-columns:12% 1fr 12%}.calendar{transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9)}.next{width:100%;&>img{max-width:3rem}}.previous{width:100%;&>img{max-width:3rem}}}@media (max-width:495px){.calendar{margin:0;padding:0}footer{width:100%}}@media (max-width:450px){.calendar{transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8)}.banner{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6)}main{grid-template-columns:15% 70% 15%;grid-template-rows:10rem 16rem 4%}.next,.previous{width:100%}.sounds-state{&>svg{height:30px;width:30px}}}@media (max-width:415px){.banner{&>h1{font-size:3.3rem}}}@media (max-width:400px){.calendar{transform:scale(.75);-moz-transform:scale(.75);-webkit-transform:scale(.75)}main{grid-template-rows:9rem 14rem 4%}.banner{transform:scale(.55);-moz-transform:scale(.55);-webkit-transform:scale(.55);&>h1{font-size:3.2rem}}}@media (max-width:375px){main{grid-template-rows:8rem 14rem 4%}.banner{transform:scale(.5);-moz-transform:scale(.5);-webkit-transform:scale(.5);&>h1{width:125%}}nav>a{font-size:1.2rem}.calendar{transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7)}}@media (max-width:350px){nav>a{font-size:1rem}main{grid-template-rows:8rem 13rem 4%}.calendar{transform:scale(.65);-moz-transform:scale(.65);-webkit-transform:scale(.65)}.previous{&>img{max-width:2.8rem}}.next{&>img{max-width:2.8rem}}}@media (max-width:330px){.banner{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45)}.calendar{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6)}}