body{
        margin:0;

    }

    .navbar .logo{
        display: inline;
    }
    .navbar{
        width: 100%;
        height: 100px;
        background-color: black;
        align-items: center;

    }
    .navbar li ul a{
        display: inline-flex;
        color: aliceblue;
        float: right;
        padding: 25px;
        padding-right: 40px;
        font-family: montserrat;
        font-weight: bold;

    }
    .navbar li ul a:hover{
        color: rgb(255, 242, 0);
        transition: all;
    }
    .herosection{
        background-image: url("title.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
        width: 100%;
        filter: brightness(90%);
        position: relative;

    }

    .herosection .title{
        color: aliceblue;
        font-family: montserrat;
        font-size: 100px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 50%;
        right: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 50px;
        display: inline-flex;
        padding-right: 40px;
    }

    .text{
        padding: 50px;
        height: 300px;
        align-items: center;
        text-align: left;
        padding: 80px;
    }
    .containers{
        display: inline-flex;
        justify-content: space-around;
        flex-wrap: wrap;
        flex-direction: row;
        background-color: rgb(85, 85, 85);
        padding: 50px;
    }
    .container .cards{
        justify-content: space-around;
        align-items: center;
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;

    }
    .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        padding: 50px;
        margin:20px;
        text-align: center;
        font-family: montserrat;
        background-color: aliceblue;
      }
      
      .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: beige;
        transition: 50ms;
      }
      
      .container {
        padding: 20px 20px;
        font-size: 20px;

      }
      .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        border-radius: 5px; 
      }
      
      img {
        border-radius: 5px 5px 0 0;
      }