.container {
    color:#ececec;
    font-family: 'Roboto', sans-serif;
}

.container .text-fat, .container h1 {
    font-weight:bold;
}
.header {
    margin-bottom:0;
}
.discord {
        border-radius: 0;
    background-color: #5865F2;
    border-bottom: 1px solid rgba(var(--theme-text_light), 0.15);
    -webkit-box-shadow: 0 3px 4px -2px rgb(0 0 0 / 30%), inset 0 1px 1px rgb(255 255 255 / 15%);
    -moz-box-shadow: 0 3px 4px -2px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .15);
    box-shadow: 0 3px 4px -2px rgb(0 0 0 / 30%), inset 0 1px 1px rgb(255 255 255 / 15%);
    color: white;
}
.keyword {
    color:#EFBF04;
    text-decoration: underline;
    
}
.tfe_header {
    background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://tfea3.com/storage/resources/bg2-67f5256b419a3.png');
        background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: 5px 2px 5px 6px rgba(0,0,0,0.35);
    height:1200px;
     background-attachment: fixed;
    padding-top:5%;
    
}

.tfe_header .image {
      max-width: 15%;
    height: auto;
}
.tfe_header h1 {
    color:white;
}

.tfe_realism {
        background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://tfea3.com/storage/resources/bg5-67f53aec8bcab.png");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: 5px 2px 5px 6px rgba(0,0,0,0.35);
    height:700px;
    padding-top:10%;
}

.tfe_join {
        background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://tfea3.com/storage/resources/bg4-67f53aadb6898.png");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: 5px 2px 5px 6px rgba(0,0,0,0.35);
    height:700px;
    padding-top:10%;
}
.discord_container {
    margin-top:5%;
}

.tfe_section {
    margin-top:25rem;
}
.box {
    border-radius: 0;
}
.w-6 {
    width:6%;
}

.w-7 {
    width:7%;
}

.tfe_metrics {
    padding-top:2%;
}

.fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 2s ease-out, transform 2s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

      
        .fade-in.delay {
            transition-delay: 0.5s;
        }
    
        
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 .tfe_header .w-50 {
     width:7%;
 }
 
  .tfe_metrics {
     margin-top:5rem;
 }
 
 .tfe_header .image {
      max-width: 5%;
    height: auto;
}
}
        
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1600px) and (min-height: 700px) {
    
 .tfe_header .w-50 {
     width:7%;
 }
 
 .tfe_metrics {
     margin-top:5rem;
 }
 .tfe_header .image {
      max-width: 5%;
    height: auto;
}

}