@font-face {
    font-family: 'Arial GEO';
    src: url('./arial-geo.woff');
}

* {
    font-family: 'Arial GEO', Arial, Helvetica, sans-serif !important;
}

h1 {
    font-size: x-large !important;
}

.main-container {
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-container * {
    padding: 1rem;
    font-size: 1.25rem;
}

.output {
    margin-top: 1vh;
}

.lit {
    border: red 2px solid;
}

.reference {
    text-align: center;
    font-size: 1.075rem;
}

.made-by {
    position: absolute;
    left: 50%;
    top: 98%;
    transform: translate(-50%, -50%);
    padding: 0;
    font-size: 1.075rem;
}

.translation {
    position: absolute;
    top: 95%;
    font-size: 1.5rem;
}

.trbutton {
    border: hotpink 0.15rem solid;
    background-color: red;
    color: white;
    font-size: 1.5rem;
}