@import url("materialdesignicons.min.css");@import url("magnific-popup.min.css");body,html{margin:0;padding:0}*{font-family:"Roboto",sans-serif}.main{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 30px;margin:auto;max-width:1200px}.main .logo{padding:40px 0;text-align:center}.main .logo img{width:200px}.main .resultMessage{text-align:center;color:#fff;display:inline-block;padding:10px 50px;margin:0 0 40px;border-radius:20px;font-size:20px}.main .resultMessage.success{background:#367c3c}.main .resultMessage.error{background:#bb271a}.main .boxContainer{margin:0 0 80px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.main .boxContainer .box{display:flex;flex-direction:column;position:relative;background:#203d63;border:#203d63 3px solid;border-radius:20px;overflow:hidden}.main .boxContainer .box img{width:100%}.main .boxContainer .box .title{color:#fff;font-size:16px;padding:10px 20px;text-align:center}.main .boxContainer .box .btns{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px}.main .boxContainer .box .btns .mdi{font-size:20px;margin:0 5px 0 0}.main .boxContainer .box .btns input{appearance:none;-webkit-appearance:none;position:absolute}.main .boxContainer .box .btns input[type=radio]:checked::before{content:"";display:block}.main .boxContainer .box .btns .watchBtn,.main .boxContainer .box .btns .voteBtn{border:#fff 1px solid;text-decoration:none;cursor:pointer;display:flex;align-items:center;background:#203d63;color:#fff;border-radius:10px;padding:10px 20px 10px 15px;transition:.5s all}.main .boxContainer .box .btns .watchBtn:hover,.main .boxContainer .box .btns .voteBtn:hover{background:#2e6bbb}.main .boxContainer .box .btns .watchBtn.checked:hover,.main .boxContainer .box .btns .voteBtn.checked:hover{background:#203d63;cursor:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}@media(max-width:1000px){.main .boxContainer{grid-template-columns:1fr 1fr}}@media(max-width:767px){.main .boxContainer{grid-template-columns:1fr}}