.text{filter:contrast(200%)}#title{margin-bottom:0;text-align:center}#subtitle{margin:0 0 40px;padding-top:0;font-size:8vw;text-align:center}.image{float:right;z-index:-1;width:100vw;position:absolute;left:calc(-50vw + 50%);top:42vh;opacity:.88}.register{margin-top:42vh;width:100%;text-align:center}.registerButton{width:100%;display:flex;justify-content:space-around}.hollowCircle{width:90px;height:90px;border-radius:50%;border-style:solid;border-width:11px;display:flex;justify-content:center;flex-direction:column;pointer-events:stroke}.hollowCircle h2{font-size:22px}#termAndCondition{width:85vw;height:70vh}#termAndCondition h1{text-align:center}#termAndCondition li{list-style-type:disc}.boxContainer{user-select:none;width:80vw;height:80vw;position:relative;display:flexbox;text-align:center}.box{user-select:none;overflow:hidden;cursor:pointer;height:31.3%;width:31.3%;margin:1%;box-sizing:border-box}.box h1{color:#fff;font-family:monospace;font-size:4.5vw;line-height:4.4}.box p{font-size:4.5vw}.box:has(~ .box:active),.box:active ~ .box{display:none}.box:active{position:absolute;padding:30px;display:flex;height:97.5%;width:97.5%;transition:all cubic-bezier(.19,1,.22,1) 3s}.box:active>p{color:#1a1919;font-size:5vw;display:flex;justify-content:center;align-items:center}.box:active>h1{display:none}#box1{background-color:#ff7f2aff}#box2{background-color:#ff5555ff}#box3{background-color:#66ff00ff;right:0}#box4{background-color:#00d400ff}#box5{background-color:#ccff00ff;left:0;right:0;top:0;bottom:0}#box6{background-color:#ff2a2aff}#box7{background-color:#008080ff;bottom:0}#box8{background-color:#ff0066ff}#box9{background-color:#ff2ad4ff;bottom:0;right:0}#box2:active{left:33%;transform:translateX(-33%)}#box4:active{top:33%;transform:translateY(-33%)}#box5:active{margin:auto}#box6:active{top:33%;right:0;transform:translateY(-33%)}#box8:active{bottom:0;left:33%;transform:translateX(-33%)}@media screen and (min-width:765px){.text{width:40%}#subtitle{font-size:2.4vw}.register{margin-top:8%}.image{width:60%;top:0;position:relative;left:0;filter:none;opacity:1}#termAndCondition{width:60vw;height:80vh}.boxContainer{width:43vw;height:43vw}.boxContainer .box h1{font-size:2.5vw;line-height:4}.boxContainer .box p{font-size:2vw}}@media screen and (min-width:1560px){#title{font-size:4vw}#subtitle{font-size:3vw}h3{font-size:2vw}.image img{width:100%}.hollowCircle{height:8vw;width:8vw;border-width:1vw}.hollowCircle h2{font-size:2vw}}