/* html{
    font-size: 62.5%;
} */

*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
  }

@font-face {
    font-family: 'Titillium_Web';
    src: url("../font/Titillium_Web/TitilliumWeb-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Titillium_Web_Bolder';
    src: url("../font/Titillium_Web/TitilliumWeb-Bold.ttf") format("truetype");
}

body{
    font-family: Titillium_Web, sans-serif;
    font-weight:400;
    color: #000;
    /* font-size: 2rem; */
    /* background-color: #F0F6FA; */
    min-height: 100vh;
    padding-left: 200px;
    background-image: url("../images/background.svg");
    background-position: center;
}

h3{
    font-family: Titillium_Web_Bolder;
}

main{
    padding: 30px;
}

main a{
    color: #000 !important;
    text-decoration: none !important;
}
main a:hover{
    color: #0B5ED7 !important;
    text-decoration: underline !important;
}

.form-with-background{
    background-color: #e9e9e9;
    padding: 20px;
    border-radius: 15px;
}

.participant-a-form{
    min-width: 280px;
    box-sizing: content-box; 
}

.participant-b-form{
    width: 100%;
    max-width: 550px;
    padding: 50px;
}

@media (max-width: 420px){
    .participant-a-form{
        width: 95%;
        min-width: 0;
        padding: 15px !important;
    }

    .participant-b-form{
        padding: 15px;
    }
    main{
        padding: 10px;
    }
}

@media (max-width: 780px){
    body{
        padding-left: 0 !important;
    }
}