:root {
 --clr-1: #1f4e79;
 --clr-2: #ffc000;
 --clr-3: #118e9b;
 --clr-4: #333333;
 --clr-5: #7caaaf;
 --clr-6: #118e9b;
 --clr-7: #d9d9d9;
}
@font-face {
 font-family: "Arial";
 font-weight: normal;
}
@font-face {
 font-family: "Arial";
 font-weight: bold;
}
body {
 font-size: 1rem;
 font-weight: normal;
 font-family: "Arial";
 line-height: 1.5;
 overflow-x: hidden;
 height: 100%;
}
body.stop {
 width: 100%;
 height: 100vh;
 overflow-y: hidden;
}
h1 {
 font-size: clamp(3rem, calc(3rem + 1vw), 4rem);
}
h2 {
 font-size: clamp(2.4rem, calc(2.4rem + 1vw), 3.4rem);
}
h1,
h2 {
 line-height: 1.2;
}
button {
 cursor: pointer;
 padding: 0.3rem 1.2rem;
}

.wrapper {
 height: 100%;
}