@font-face { font-family: 'DM Sans'; src: url('../assets/font/DMSans-Regular.ttf') format('truetype'); }

*, body { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #FDFBF8!important; font-family: 'DM Sans', sans-serif!important;}
a{ text-decoration: none!important; color: #000!important; }
li { list-style: none!important; }
ul { margin: 0!important; padding: 0!important; }
.t-xs { font-size: 1rem!important; }
.t-s { font-size: 1.1rem!important; color: #7D7D7D;}
.t-m { font-size: 1.4rem!important; }
.t-l { font-size: 2.5rem!important; }
.t-underline { text-decoration: underline!important; text-underline-offset: .5rem;  }
.t-underline-2 { text-decoration: underline!important; text-underline-offset: .5rem; color: #7D7D7D!important; }

/* Nav */
#nav-container { width: 100vw; position: fixed; transform: translateX(-50%); top: 0%; left: 50%; transition: background-color 0.3s ease, border-bottom 0.3s ease; z-index: 10;}
#nav { display: flex; justify-content: space-between; padding-top: 1.4rem; padding-bottom: 1.4rem;} 
#nav ul { display: flex; gap: 3rem; }
.nav-scrolled { background-color: #FDFBF8; border-bottom: .8px solid #000;}

/* Header */
header { margin-top: 8rem;}
header .row {  display: flex; align-items: center;}
.my-img { display: flex; justify-content: flex-end; }
.my-img img { width: 300px; }

/* Work */
#work { margin-top: 4rem; }
#work .row .col-md-6 {  text-align: center; }
#work .row .col-left {padding-right: calc(var(--bs-gutter-x) * .75)!important; padding-left: 0;}
#work .row .col-right {padding-left: calc(var(--bs-gutter-x) * .75)!important; padding-right: 0;}
#work .row.container { margin-right: 0; margin-left: 0; padding: 0; margin-bottom: 1.5rem;}
#work .row .col-md-6 img { width: 100%; transition: 0.8s; }
#work .row .col-md-6 p.t-m { margin-bottom: 0; margin-top: 1rem;}
#work .row:nth-last-child(1) { margin-bottom: 5rem; }
#work .row .col-left , #work .row .col-right { cursor: pointer; }

#work .row .col-md-6 img:hover  {  transform: scale(1.025); }

/* Footer */
.footer-text {margin: 2rem auto;}
.hr { border-top: 1.2px solid #CDCDCD; border-radius: 50px; }
.footer-text { display: flex; gap: 5rem; }
.footer-links a { margin-right: 2rem; color: #7D7D7D!important; text-decoration: none;}

/* ABOUT SUBPAGE */

/* Experience */
#experience { margin-top: 4rem; }
#experience .row { margin: 2rem auto;}
#experience .row .col-md-6 {  text-align: center; }
#experience .row .col-left {padding-right: calc(var(--bs-gutter-x) * .5)!important; padding-left: 0;}
#experience .row .col-right {padding-left: calc(var(--bs-gutter-x) * .5)!important; padding-right: 0;}
#experience .row.container { margin-right: 0; margin-left: 0; padding: 0; margin-bottom: 1.5rem;}
#experience .row .col-md-6 img { width: 100%; }
#experience .row .col-md-6 p.t-m { margin-bottom: 0; margin-top: 1rem;}
#experience .row:nth-last-child(1) { margin-bottom: 5rem; }
#experience .row .col-left , #experience .row .col-right { cursor: pointer; }
#experience .row .title { color: #000;}
#experience .download { color: #000; text-decoration: underline; text-underline-offset: .5rem; }


/* Media Queries */
@media (max-width: 767.98px) {
    .t-xs { font-size: 1rem!important; }
    .t-s { font-size: 1rem!important; }
    .t-m { font-size: 1.2rem!important; }
    .t-l { font-size: 1.7rem!important; }
    .my-img img { width: 220px; margin-top: 2rem;}
    .my-img {justify-content: center;}

    /* Work */
    #work .row .col-left {padding-right: 0!important; padding-left: 0;}
    #work .row .col-right {padding-left: 0!important; padding-right: 0;}
    #work .row .col-left { margin-bottom: 1.5rem;}

    /* Footer */
    /* footer .footer-text .footer-links a { margin-bottom: 1rem;} */
}