html{

font-family: 'Genshin';

}
body{

    
background-image:linear-gradient(to bottom, rgb(231, 125, 217) , antiquewhite);

text-align: center;
min-height:100vh;
margin:0px;

}
h1{

color:rgb(194, 88, 180);
padding-left: 10%;
padding-right:10%;
font-size: 300%;

}
h4{

 font-style: italic;
 word-spacing: 5px;

color:rgb(14, 146, 65);
padding-left: 20%;
padding-right:20%;
font-size: 100%;

}
p{

font-size:50%

}
a{
text-decoration: none;
}
a:hover{
    color:antiquewhite;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}


.bannerimg{

width:30%;
min-width: 200px;
height:auto;
padding-bottom:1em;

}
.contimg{

width:30%;

}
.header{

display:block;  
box-sizing:border-box;  
background-color: antiquewhite;  

border:2px, solid, rgb(247, 190, 239);
border-radius:10px;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);

position:relative;
justify-self: center;
width:85%;
max-width:1500px;

margin-top:10px;

}
.footer{

display:block;
box-sizing:border-box;
background-color: antiquewhite;

border:3px, solid, antiquewhite;
border-radius:100px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
box-shadow: 0px -5px 10px rgba(71, 3, 85, 0.3);

position:fixed;
bottom:0px;
justify-self:center;
width:100%;

margin-top:20px;
max-width:1500px;

}

.content_main{

    justify-self:center;
    box-sizing:border-box;

background-color: antiquewhite;


border:2px, solid, rgb(247, 190, 239);
border-radius:10px;
box-shadow: 0px 0px 10px rgba(71, 3, 85, 0.3);

width:85%;
max-width:1500px;
height:80vh;
min-height:600px;

margin-top:20px;

}

.container_main{

display:flex;
align-items:center;
width:100%;
height:100%;

}
.main_para_border,
.main_buttons_border{

display:flex;
box-sizing:border-box;
flex-direction: column;
justify-content: center;
height:90%;
margin:5px;
border-radius:10px;
border:2px, solid, rgb(247, 190, 239);



}
.main_para_border{

width:60%;

}
.main_buttons_border{

width:40%;

}

.paragraph{

    color:rgb(194, 88, 180);
    padding:7.5%;

}

.button{


    background-color: rgb(255, 182, 245);
    margin-bottom:5%;
    margin-left:10%;
    margin-right:10%;

    box-sizing:border-box;
    color:antiquewhite;

    border-radius:10px;
    border:2px, solid, rgb(241, 143, 228);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);

}

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

    h1{
        font-size:200%;
    }
   

}

@media screen and (min-width: 675px){

     p{

        font-size:85%;

    }
}

@media screen and (min-width: 450px){

 p{

        font-size:75%;

    }

}


@font-face{

font-family: 'Genshin';
src:url("/custom elements/zh-cn.ttf");

}