:root {
    --black: #000000;
    --white: #FFFFFF;
    --blue: #007bff;
    --opaqueBlue: #003c44;
    --darkGray: #7e7e7e;
    --ligthGray: #F2F3F4;
    --lightGray2: #cfcfcf;
    --wine: #69003a;
    --darkBlue: #003c93;

    --PrincipalFont: 'BankGothic Lt BT', sans-serif;
}

        .looking-box {
            font-family: 'Candara Light';
            text-align: center;
        }
        input.src {
            padding: .9rem 1rem .9rem 3.2rem;
            outline: none;
            font-size: 1.8rem;
            border-radius: 2.5rem;
            color: var(--darkGray);
            border: .3rem solid var(--black); 
            background: var(--white) url(https://www.haxtercorp.com/_images/search-icon.png) no-repeat .9rem center;
            width: 30rem;
            transition: all .5s;
        }
        input.src:hover {
            width: 40rem;
            background-color: white;
            border-color: var(--wine);
            box-shadow: 0 0 .5rem var(--opaqueBlue);
        }
        @media (min-width: 500px){
            input.src {
                width: 80rem;
            }
        
            input.src:hover {
                width: 120rem;
            }
        }
        .browser h1{
            font-size:15rem;
            padding: 0rem;
            margin:0rem;
        }
        
        @media (min-width: 990px){
            .navigation {
                display: flex;
                justify-content: space-evenly;
            }
        }
    .nav__link {
        display: block;
        text-align: center;
        font-size: 2rem;
        margin: 2rem 0;
        color:black;
    }
    .navigation a:hover {
        cursor: pointer;
        color: var(--darkBlue);
    }
    
    .common_sites img{
        border-radius:45px;
        max-width:50px;
        max-height:50px;
        min-width:50px;
        min-height:50px;
    }
    .browser_footer{
        font-family:'Candara Light','Candara',Arial,sans-serif;
        font-size:1.75rem;
    }
     .rcc{
      border: 1px solid #555;
      width: 70%;

      padding: 12px 20px;
      margin: 8px 0;
      box-sizing: border-box;
      font-family:Arial;
      font-size:1.8rem;
      background: white url('https://www.haxtercorp.com/_images/search-icon.png') no-repeat .9rem center;
    }
    .rcs{
      width: 10%;

      padding: 12px 20px;
    margin: 8px 0;
      box-sizing: border-box;
      font-family:Arial;
      font-size:1.8rem;
      background: white url('https://www.haxtercorp.com/_images/search-icon.png') no-repeat .5rem center;
    }
    .rca{
      width: 10%;

      padding: 12px 20px;
    margin: 8px 0;
      box-sizing: border-box;
      font-family:Arial;
      font-size:1.8rem;
    }