@import url('https://fonts.googleapis.com/css2?family=Lato&family=Tilt+Neon&display=swap');

* {
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

a {
    font-weight: bold;
    color: whitesmoke;
    font-style: normal;
    text-decoration: none
}

body, html {
    width: 100%;
    height: 100%;
    min-height: 100px;
    color: whitesmoke;
    margin: 0 auto;
    padding: 0;
    /* background: #4b6cb7;  fallback for old browsers */
    /* background: -webkit-linear-gradient(to right, #182848, #4b6cb7);  Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #182848, #4b6cb7); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: #3399ff;
}



header {
    display: flex;
    padding:  1% 10% ;
    flex: 0 0 100%;
}

.headerIneer{
    display: flex;
    width: 100%;
    border-radius: 1em;
    background: #62519C;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0B1E4F, #62519C);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0B1E4F, #62519C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.headerLogo{
    height: 100%;
    margin: 0 5%;
}
.headerLogoTitle{
    font-family: 'Tilt Neon', sans-serif;
    font-size: 2.5em;
    color: whitesmoke;
}

.headerFaq{
    margin: 2%;
    min-height: 2em;
    margin-left: auto;
    margin-right: 5em;
}

.headerFaqTitle{
    font-size: 1.5em;

}


main {

}

.welcome {
    display: flex;
    padding: 1% 20%;
    width: 100%;
}

.welcomeInner {
    background: #62519C;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0B1E4F, #62519C);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0B1E4F, #62519C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 2em;
}

.welcomeStart{
    margin: 0 5%;
}

.welcomeStartTitle{
    text-align: center;
    font-weight: bold;
}

.welcomeStartAnswer{
    text-align: center;
}


.broad {
    display: flex;
    padding: 0 10%;
}
.broadInner {
    background: #62519C;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0B1E4F, #62519C);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0B1E4F, #62519C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 100%;
    border-radius: 2em;
}
.boardTitle {
    font-size: 200%;
    color: whitesmoke;
    text-align: center;
}
.broadTable {
    font-size: 130%;
    color: whitesmoke;
    text-align: center;
}

