*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;margin:0;padding:0;font-family:Montserrat,sans-serif}.container{display:flex;height:25vh;min-height:200px}.panel{flex:1;display:flex;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden;border-color:#002168;border-top-width:4px;border-bottom-width:4px;transition:flex .5s ease;content:""}.section{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-size:cover;background-position:center;color:#002168;font-weight:800;font-size:x-large;content:"";cursor:pointer}.section:hover{color:#006fb9}.panel .section .overlay{background-color:#ffffffb3;width:100%;height:100%;position:absolute;transition:background-color .8s ease;content:""}.panel .section .content{transform:rotate(-90deg);z-index:2;transition:transform .5s ease;pointer-events:none}.selected{flex:4;font-weight:900;font-size:x-large}.selected .section .content{transform:rotate(0);padding:2px;background-color:#ffffffe6;border-color:#006fb9;border-width:thin}.selected .section .overlay{background-color:#fff0;border-color:#002168;border-right-width:1px;border-left-width:1px}.audiowide-regular{font-family:Audiowide,sans-serif;font-weight:400;font-style:normal}@media screen and (max-width: 1023px){.section{font-weight:800;font-size:x-large}}@media screen and (max-width: 767px){.section{font-weight:800;font-size:large}}