body {
	font-size:14pt;
}


h1 {
    font-size:3.5em !important;
    margin:0px !important;
}
h2 {
    font-size:2em !important;
    margin:0px !important;
}
h3 {
    font-size:1.5em !important; 
    margin:0px !important;
}

.main {
    width:auto;
    /*background-color:red;*/
    text-align:center;
}
.wrapper {
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:64px;
    background-color: #FAF9F6;
    /*background-color: blue;*/
}

.language { 
    font-size:2em;
}
.language img {
    vertical-align:middle !important;
    width:33%;
}
.flag {
    vertical-align:middle;
}
.language {
    display:block;
}
.language span {
    width:30%;
}

span {
    position:relative;
    display:inline-block;
}
.diff {
    width:100%;
    height:48px;
    position:relative;
    display:block;
}

a {
    text-decoration: inherit;
    color:inherit; 
}

.button {
    background-color: #D9D9D9;
    border: none;
    width:auto;
    color: black;
    padding: 20px;
    font-family: 'Italiana';
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    border-radius:25%;
  }
 

.button:hover {
    background-color: #eaeaea; 
}
.button:active {
    background-color:#c8c8c8;
}

.topics {
    padding:16px 25% 0% 25%;
}


.round2_buttons {
width:100px;
font-size:2em;
}

button {
 -webkit-appearance: none;
border-radius: 0;
}

.final_answer {
    height:50px;
    width:50vw;
    font-size:1.5em;
    padding:1%;
}

.ta_left {
    text-align:left;
}
.ta_center {
    text-align:center;
}
.r4inner {
    width:50%;
    float:left;
    display:block;
}
.acc {
    display:block;
    width:100%;
    float:left;
}
.acc h1 {
    color:blue; 
}

h1, h2 {
    padding:0 0 0 0;
}