@font-face {
    font-family: 'Almarai';
    src: url('./Almarai-Regular.ttf') format("truetype");
}
body {
    margin: 0;
    background: #002c7b;
    color: #f3f0f0;
    font-family: 'Almarai';
    font-size: 2em;
    text-align: center;
    padding-top: 130px;
}
.fade {
    opacity: 0;
}
.fade1in {
    opacity: 1;
    transition: opacity 1s ease-in;
}
.fade2in {
    opacity: 1;
    transition: opacity 1s ease-in;
    transition-delay: 3s;
}
button {
    width: 250px;
    height: 70px;
    background: none;
    font-size: 1em;
    border: 2px solid #f3f0f0;
    color: #f3f0f0;
    font-family: 'Almarai';
}
button:hover {
    background: #ffffff26;
    cursor: pointer;
}
#roundLetter {
    font-size: 4em;
}