@font-face {
    
    font-family: 'calibri';
        
    src: url('../fonts/calibri.ttf');
        
    font-weight: normal;
        font-style: normal;
    
    
    }

    body, html {
        height: 100%;
        margin: 0;
        font-family: "calibri", Helvetica, sans-serif;
      }
      
      .milen-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/backgrounds/millenium-slider-1.webp");
        height: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      }
      
      .milen-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
      }
      
      .milen-text button {
        border: none;
        outline: 0;
        display: inline-block;
        padding: 10px 25px;
        color: black;
        background-color: #ddd;
        text-align: center;
        cursor: pointer;
      }
      
      .milen-text button:hover {
        background-color: #555;
        color: white;
      }