html {
    background-image: url('background-small.jpeg');
    background-color: #aabbaa;
    background-size: cover;
    background-repeat: repeat-y;
    background-position: center center;
    font-family: Tahoma, Verdana, sans-serif;
    height: 100%;
    font-size: clamp(14px, 2.5vw, 18px);
}

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

body {
    margin: 5ex auto;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    border-bottom: #030 solid 2px;
    border-right: #000 solid 2px;
    border-radius: 15px;
    padding: 3ex;
    background: rgba(240,250,240,0.85);
    min-height: 80%;
    max-width: 800px;
}

body:after {
    color: black;
    background: white;
    width:100%;
    border: white solid 1px;
}

h1, h2, h3 {
    color: #050;
    text-transform: uppercase;
}

h1 {
    text-align: center;
    font-size: clamp(1.25rem, 5vw, 2rem);
}

.languages {
    display: none;
    padding: 1ex;
    border-left: #fff solid 2px;
    border-bottom: #030 solid 2px;
    border-radius: 0 0 0 15px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(240,250,240,0.85);
    z-index: 10;

}