body {
    background: rgb(115,37,41);
    background: linear-gradient(45deg, rgba(115,37,41,1) 0%, rgba(208,36,44,1) 37%);
    font-family: 'Inter', sans-serif;
    color: #fff;
    margin: 0.75em;
   }

footer {
    text-align: center;
    font-weight: bold; 
    margin-top: 20px;
}

.small-p {
    font-size: 0.75em;
}

.smaller-p {
    font-size: 0.60em;
}

a,
a:visited {
    color: #504848;
}

.small-p > a,
.small-p > a:visited {
    color: #af9d9d;
}
   
.col {
    text-align: center;
    background-color: #fff;
    color: #000;
    border-radius: 16px;
    margin: 0.75em;
    padding: 1em 0.75em 1em 0;
}

.col-section {
    border-radius: 25px;
    border-radius: 16px;
    margin: 0.75em;
}

.from-grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.btn-border {
    font-weight: bold;
    font-size: 1.4em;
    border-style: solid;
    border-width: 4px;
    border-color: #ffffff;
}

.emoji {
    font-size: 4em;
}

select {
    width:85%;
    max-width: 600px;
}

select,
option.selected {
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}