body {

    background: #53B2E6;

    max-width: 1060px;   

    text-align: center;

    margin: 25px auto;

    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; 

    -webkit-font-smoothing: antialiased;

}



h1, h2 {

    text-shadow: rgb(40, 58, 40) 2px 5px 5px;

}



h1 {

    color: #C2007E;



    font-size: 150px;

    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;

}



.reg {

    font-size: 100px;

}



h2 {

    color: #ef9526;

    font-size: 40px;

    font-family: Arial, Helvetica, sans-serif;

}



p {

    margin: 50px auto;

    padding-top: 16px;

    color: #3f484c;

    font-size: 20px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 26px;

}



a:not([class="gdpr"]) {

    color: #e7eee8;

    text-decoration: none;

}



.gdpr {

    text-decoration: none;

}



a.gdpr:hover,

a.gdpr:active {

    color: red;

}



/*BUTTONS*/



.btn {

    font-size: 25px;

    margin: 25px;

    padding: 6px 12px;

    background: #ccc;

    border: 1px solid #648191;

    border-radius: 10px;

    cursor: pointer;

    box-shadow: rgb(77, 83, 77) 2px 5px 5px;

}



.btn-register {

    color: #e7eee8;

    background: #6dcb2e;

    border: 1px solid #61a334;

    box-shadow: inset #61a334 0 0 10px;

}



.btn-register:hover,

.btn-register:active {

    background: #119E14;

}



.btn-read {

    color: #e7eee8;

    background: #ea9a38;

    border: 1px solid #bc741b;

    box-shadow: inset #bc741b 0 0 10px;

}



.btn-read:hover,

.btn-read:active {

    background: #9E5F11;

}



/*FORM*/



input:not([type="checkbox"]):not([type="radio"]),

button,

textarea,

select {

    /*zero settings*/



    background: #fff;

    border: none;



    /*style*/



    width: 150px;

    padding: 5px 10px;

    margin: 10px;

    border-radius: 5px;

    box-shadow: rgb(91, 94, 91) 2px 5px 5px;

}



select {

    width: 168px;

}



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

    h1 {

        font-size: 100px;

    }

}



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

    body{

        max-width: 100%;

        padding: 0;

    }



    main {

        padding-left: 35px;

        padding-right: 35px;

    }



    a {

        display: block;

        width: 75%;

    }

}



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

    h1 {

        font-size: 95px;

    }

}



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

    h1 {

        font-size: 70px;

    }

}