.btn{
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: -0.05em;
    background-color: var(--clr-rose600);
    color: var(--clr-white);
    border-radius: 6px;
    box-shadow: 0 1px 2px #000;
}

.container{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* border: 1px solid red; */
}

.main__page{
    background-image: linear-gradient(90deg, rgba(2,6,23,0.80) 0%, rgba(29,31,79,0.80) 100%), url(../../img/bg_programming.jpg);
    height: 100%;
    padding-bottom: 2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* xs */
@media(min-width: 475px){
    .container{
        max-width: 475px;
    }
}
/* sm */
@media(min-width: 640px){
    .container{
        max-width: 640px;
    }
}
/* md */
@media(min-width: 768px){
    .container{
        max-width: 768px;
    }
}
/* lg */
@media(min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
/* xl */
@media(min-width: 1200px){
    .container{
        max-width: 1200px;
    }
}
/* 2xl */
/* @media(min-width: 1536px){
    .container{
        max-width: 1536px;
    }
} */