body {
        background: radial-gradient(111.8% 187.01% at 0% 0%, rgba(31, 13, 0, 1) 0% 0%, rgba(0, 0, 0, 1) 100% 100%);
        background-attachment: fixed;
        background-size: cover;
        min-height: 100vh;
        margin: 0;
        padding: 5%;
}

h1 {
        color: rgba(255, 136, 0, 1);
}
p {
        color: white;
}
main > div{
        background: rgba(148, 67, 0, 0.102);
}
main > div > p{
        color: rgba(255, 194, 82, 1);
}




main>*{
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 1% 0 1%;
}

.lt {
        overflow: ellipsis;
}


@media(min-width: 500px){
        body > p, body > section > p{
                max-width: 50%;
        }
}

section{
        margin: 0% 0 5% 0;
}

main > a > p{
        color: rgba(191, 151, 76, 1);
        width: 15vw;
}
main{
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
}
main > *{
        display: flex;
        flex-direction: row;
        flex: 1;
}
main > a{
        transition: background 100ms linear;
}
main > a:hover{
        background: rgba(148, 67, 0, 0.052);
}
main > * > *{
        text-align: left;
        text-decoration: none;
}

main > * > p {
        width: 10vw !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}