:root{
--bg: #0b1529;
--bgSoft: #1f2050;
--dtsRed: #993a3a;
--text: #dee4eb;
--textSoft: #cbd2d9;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color:inherit;
    text-decoration: none;
}

.container{
    margin: auto;
    min-height: 100vh;    
    background-color:whitesmoke;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 50px;
    padding-right: 50px;        
}

@media (max-width: 1536px) {
    .container {
        max-width: 1366px;    
    }
}
@media (max-width: 1366px) {
    .container {
        max-width: 1280px;
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 1280px) {
    .container {
        max-width: 1024px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(max-width: 1024px) {
    .container {
        max-width: 768px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 768px) {
    .container {
        max-width: 640px;
        padding-left: 1px;
        padding-right: 1px;
    }
}
@media (max-width: 640px) {
    .container {
        max-width: 475px;
        padding-left: 0px;
        padding-right: 0px;        
    }
}