body {
    background-color: #161716;
    margin: 100px;
    }
    
    h1 {
        color: rgb(230, 230, 240);
        font-family: "Helvetica Neue"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 100px; 
        text-align: left;
        font-size: 90px;
        margin-top: -20pt;  
    }
    
    h2 {
        color: rgb(230, 230, 240);
        font-family: "Helvetica Neue"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 100px; 
        text-align: center;
        font-size: 90px;
    }


    h3 {
        color: rgb(230, 230, 240);
        font-family: "Helvetica Neue"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 100px; 
        text-align: left;
        font-size: 90px;
    }
    
    .flex-container {
        display: flex;
        margin: 0.25rem;
        flex-direction: row
        margin-bottom 0;
        list-style: none;
        justify-content:space-between;

    }
       
      .flex-item {
        padding: 5px;
        width: 200px;
        height: 150px;
        margin-top: 10px;
        line-height: 150px;
        color: white;
        font-family: "Helvetica Neue"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 100px; 
        font-size: 20px;
      }

      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
  
      }
      .modal {
        width: 300px;
        height: 200px;
        line-height: 200px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -150px;
        background: radial-gradient(#dae90b, #076d00);
        text-align: center;
      }

    .modal:hover{
      display: none;
    }