@font-face {
    font-family: fonter;
    src: url(DonegalOne-Regular.ttf);
}

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;     
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

.contain{
    height:100dvh;
    width:100vw;
    background:#8ac5e2;
    overflow-x: hidden;
}

.tWrap{
    height:15%;
    background-color: #F5E9E5;
}

.mWrap{
    margin-top: 4%;
    margin-left: auto;
    margin-right: auto;
    height: 58%;
    width: 50%;
    background-color: #FBF0F3;
    border-radius: 8%;
    padding: 0%;
}

.bWrap{
    width: 100%;
    height: 11%;
    background-color: #222222;
    bottom: 0;
    position: fixed;
    display: inline-block;
}

.tSpace{
    font-size: 130%;
}

.tTexter{
    font-family: fonter;
    font-size: 360%;
    margin-left: 15%;
}

.mTT{
    font-family: fonter;
    text-align: center;
    font-size: 210%;
}

.timerT{
    font-family: fonter;
    text-align: center;
    font-size: 670%;
}

.mBT{
    font-family: fonter;
    text-align: center;
    font-size: 210%;
}

.oProgress{
    margin-top: 3%;;
    margin-left: auto;
    margin-right: auto;
    background-color: #FBF0F3;
    height: 8%;
    width: 90%;
    border-width: 4px;
    border-color: black;
    border-style: solid;
}

.iProgress{
    background-color: #00BB00;
    height: 100%;
    width: 0%;
}

.durT{
    margin-top: 3%;
    font-family: fonter;
    text-align: center;
    font-size: 140%;
}

.bTexter{
    margin-top: 1%;
    font-family: fonter;
    font-size: 110%;
    color: #AAAAAA;
    margin-left: 9%;
    display: inline-block;
}

.privacy{
    font-family: fonter;
    font-size: 110%;
    color: #AAAAAA;
    margin-left: 42%;
    display: inline-block;
}

.terms{
    font-family: fonter;
    font-size: 110%;
    color: #AAAAAA;
    margin-left: 4%;
    display: inline-block;
}

.cookies{
    font-family: fonter;
    font-size: 110%;
    color: #AAAAAA;
    margin-left: 4%;
    display: inline-block;
}

.body{
    margin:0;
    padding:0;
    background-color:#FBF0F3;
    overflow-y:hidden;
}

.cWrap{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    position:absolute;
    left: 20%;
    top: 21%;
    height: 60%;
    width: 60%;
    background-color: #C9C9C9;
    border: #000000;
    border-width: 1%;
    border-style: solid;
    
}

.cTexter{
    margin-top: 6%;
    font-family: fonter;
    font-size: 230%;
}

.yes{
    margin-top: 15%;
    font-family: fonter;
    background-color: #00BB00;
    font-size: 260%;
    height: 20%;
    width: 30%;
    border-radius: 11%;
    border: #000000;
    border-width: 1%;
    border-style: solid;
}

.no{
    margin-top: 15%;
    font-family: fonter;
    background-color: #BB0000;
    font-size: 260%;
    height: 20%;
    width: 30%;
    border-radius: 12%;
    margin-left:20%;
    border: #000000;
    border-width: 1%;
    border-style: solid;
    display: none;
}

@media screen and (min-width: 1920px){
    .tWrap{
        width: 100%;
        height: 18%;
    }

    .mWrap{
        margin-top: 3%;
        height: 52%;
        width: 50%;
    }

    .tTexter{
        font-size: 600%;
        margin-left:10%;
    }

    .mTT{
        font-size: 240%;
    }

    .timerT{
        font-size: 700%;
    }

    .mBT{
        font-size: 240%;
    }

    .durT{
        font-size: 220%;
    }

    .bTexter{
        font-size: 180%;
        margin-left: 6%;
    }

    .privacy{
        font-size: 180%;
        margin-left: 35%;
    }

    .terms{
        font-size: 180%;
        margin-left: 4%;
    }

    .cookies{
        font-size: 180%;
        margin-left: 4%;
    }

    .tSpace{
        font-size: 170%;
    }

    .cWrap{
        font-size: 200%;
    }

    .cTexter{
        font-size: 200%;
    }

    .yes{
        font-size: 200%;
    }
}

@media screen and (max-width: 1260px){
}

@media screen and (max-width:1206px) {
    .tWrap{
        width: 100%;
        height: 14%;
        font-size: 80%;
    }

    .mWrap{
        margin-top: 26%;
        height: 38%;
        width: 80%;
    }

    .tTexter{
        font-size: 670%;
        margin-left:10%;
    }

    .mTT{
        font-size: 180%;
    }

    .timerT{
        font-size: 400%;
    }

    .mBT{
        font-size: 180%;
    }

    .durT{
        font-size: 240%;
    }

    .bTexter{
        font-size: 130%;
        margin-left: 6%;
    }

    .privacy{
        font-size: 130%;
        margin-left: 4%;
    }

    .terms{
        font-size: 130%;
        margin-left: 4%;
    }

    .cookies{
        font-size: 130%;
        margin-left: 4%;
    }

    .tSpace{
        font-size: 300%;
    }

    .cWrap{
        width: 82%;
        left: 8%;
    }
}

@media screen and (max-width:1080px) {
    .tWrap{
        width: 100%;
        height: 14%;
        font-size: 80%;
    }

    .mWrap{
        margin-top: 26%;
        height: 38%;
        width: 80%;
    }

    .tTexter{
        font-size: 630%;
        margin-left:10%;
    }

    .mTT{
        font-size: 180%;
    }

    .timerT{
        font-size: 400%;
    }

    .mBT{
        font-size: 180%;
    }

    .durT{
        font-size: 220%;
    }

    .bTexter{
        font-size: 130%;
        margin-left: 6%;
    }

    .privacy{
        font-size: 130%;
        margin-left: 18%;
    }

    .terms{
        font-size: 130%;
        margin-left: 4%;
    }

    .cookies{
        font-size: 130%;
        margin-left: 4%;
    }

    .tSpace{
        font-size: 210%;
    }

    .cWrap{
        width: 82%;
        left: 8%;
    }
}

@media screen and (max-width:900px) {
    .tWrap{
        width: 100%;
        height: 14%;
        font-size: 80%;
    }

    .mWrap{
        margin-top: 26%;
        height: 42%;
        width: 80%;
    }

    .tTexter{
        font-size: 570%;
        margin-left:10%;
    }

    .mTT{
        font-size: 180%;
    }

    .timerT{
        font-size: 400%;
    }

    .mBT{
        font-size: 180%;
    }

    .durT{
        font-size: 195%;
    }

    .bTexter{
        font-size: 130%;
        margin-left: 6%;
    }

    .privacy{
        font-size: 130%;
        margin-left: 11%;
    }

    .terms{
        font-size: 130%;
        margin-left: 4%;
    }

    .cookies{
        font-size: 130%;
        margin-left: 4%;
    }

    .tSpace{
        font-size: 200%;
    }

    .cWrap{
        width: 82%;
        left: 8%;
    }
}

@media screen and (max-width:720px) {
    .tWrap{
        width: 100%;
        height: 14%;
        font-size: 80%;
    }

    .mWrap{
        margin-top: 26%;
        height: 46%;
        width: 80%;
    }

    .tTexter{
        font-size: 400%;
        margin-left:10%;
    }

    .mTT{
        font-size: 180%;
    }

    .timerT{
        font-size: 400%;
    }

    .mBT{
        font-size: 180%;
    }

    .durT{
        font-size: 160%;
    }

    .bTexter{
        font-size: 130%;
        margin-left: 5%;
    }

    .privacy{
        font-size: 130%;
        margin-left: 4%;
    }

    .terms{
        font-size: 130%;
        margin-left: 4%;
    }

    .cookies{
        font-size: 130%;
        margin-left: 4%;
    }

    .tSpace{
        font-size: 180%;
    }

    .cWrap{
        width: 82%;
        left: 8%;
    }
}