@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@font-face {
    font-family: 'Cocomat';
    font-family: 'Roboto Light', 'Roboto Medium', 'Roboto', etc;
    src: local("/css/fonts/Cocomat-Light"), local("/css/fonts/Cocomat-Light"),
    		url("/css/fonts/Cocomat-Light.woff2") format('woff2'),
    		url("/css/fonts/Cocomat-Light.woff") format('woff'),
    		url("/css/fonts/Cocomat-Light.ttf") format('truetype');
    font-style: normal;
}
body{ 
    margin: 0;
    padding: 0;

}
.container_thanks{ 
    width: 100vw;
    height: 100vw;
    background-image: url("/images/thanks.svg");
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-left: 5.06vw; */
    /* margin-top: 10vw; */
    /* margin-right: 10.9vw; */
    position: fixed;
    top: 5%;
    left: 5%;
    /* bottom: 10%;*/
}


.Thanks { 
    display: block;
    position: fixed;
    width: 100vw;
    margin-left: 10.06vw;
    margin-top: 6.319vw;
    margin-right: 10.90vw;
}
.Thanks_text { 
    font-family: 'Cocomat';
    font-style: normal;
    font-weight: 300;
    font-size: 5vw;
    line-height: 7.65625vw;
    display: block;
    align-items: center;
    padding: 0vw 0 0px 0;
    color: #000000;
}
.Thanks_btn {
    width: 31vw;
    height: 5vw;
    background: #8C52FF;
    box-shadow: 0.5vw 0.8vw 1.5vw rgb(0 0 0 / 30%);
    border-radius: 0.8vw;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: lighter;
    font-size: 3.1vw;
    color: #FFFFFF;
    text-align: center;
    display: block;
    padding: 1vw 0 0 0;
    margin-top: 1.04vw;
    text-decoration: none;
}
.Thanks_group { 
    display: inline-block;
    position: inherit;
    height: 25%;
    margin-left: 57%;}

.Thanks_btn:hover { 
	color: #FFFFFF;
	/* text-shadow: 0 0 1vmax darkorange; */
/*    text-decoration: none; */
}
@media (max-width: 1023px) {
    /*.Thanks_group {*/
    /*    margin-top: 40vh;*/
    /*}*/
}