html {
    font-size: 100%
    
}

body{
    margin: auto;
    font-family: 'IBM Plex Sans', sans-serif;
    background-color:  #36323C;
}

h1{
    margin:auto;
    color: white;
    text-align: center;
    font-size: 5.5rem; 
    margin-bottom: 5rem;
}

h2{
    margin:auto;
    margin-bottom: 3rem;
    font-weight: 500;
    font-size: 3.75rem;;
    text-align: left;
}

h3{
    margin:auto;
    margin-bottom: 3rem;
    font-weight: 500;
    font-size: 3.75rem;;
    text-align: right;
}

a{
  text-decoration: none;
  color: white;
}



nav{
    display: flex;
}
            ul{
                margin: auto;
                margin-bottom: 8rem;
                margin-top: 3rem;
                width: 60rem;
                font-size: 2.30rem;
                font-weight: 400;
                display:flex;
                flex-direction: row;
                justify-content: space-around; 
                list-style-type: none;
                color: white;
                padding-right:1.75rem;
            }

            li{
            text-decoration: none;
            }

            
.Main{
          height: auto;
          width: 50rem;
          margin: auto;
          color: white;
          font-size: 2.30rem;
          font-weight: 300;
      }
            
.ContactInfo{
            align-items: center;
            display: flex;
            flex-direction: row;
            justify-content: space-around; 
            width: 30rem;
            margin:auto;
            margin-bottom: 3rem;
            padding-top: 10rem;
            
        }       
        
        
        .filter-purple{
            filter: invert(97%) sepia(2%) saturate(931%) hue-rotate(326deg) brightness(91%) contrast(94%);
        }

        .filter-purple:hover{
            filter: invert(99%) sepia(0%) saturate(1599%) hue-rotate(65deg) brightness(114%) contrast(100%);
        }

        .filter-purple:active{
            filter: invert(60%) sepia(28%) saturate(333%) hue-rotate(80deg) brightness(85%) contrast(82%);
        }            







.filter-icons{
            filter: invert(97%) sepia(2%) saturate(931%) hue-rotate(326deg) brightness(91%) contrast(94%);
        }