:root{
    --logo-color1-blue:#5050ff;
    --logo-color2-blue:#2626c2;
    --logo-color2-orange:#ff9500;
    --logo-color1-orange:#e1a22c;
 }
 
 .first-one{
    content:''
}

.about-bit1{
    margin: 3rem auto;
    padding: 30px;
    box-shadow: 0 0 25px 1px #ebd5d0;
}
.about-text{
    padding: 30px auto;
    width: 60%;
    display: inline-block;
    margin:10px;
    font-size: 18px;
    color: var(--logo-color1-blue);
}
.about-image{
    width: 35%;
    display: inline-block;
}

h2{
    font-size: 3rem;
}

h1, h2{
    color:var(--logo-color2-orange);
    font-style: sans-serif;
}
h1{
    margin: 30px auto;
    text-align: center;
    font-size: 4rem;
}
p{
}
.about-text > hr{
    width: 25%;
    height: 5px;
    background-color:rgb(0, 244, 163);
    
}
@media (max-width: 800px) {
    
    .about-bit1{
        margin: 2rem auto;
        padding: 20px;
    }
    .about-text{
        padding: 30px auto;
    }
    .about-image, .about-text{
        width: 100%;
        display: block;
        text-align:center;
        margin: 10px;
    }
    
    h2{
        font-size: 2rem;
    }
    h1{
        margin: 20px auto;
        font-size: 3rem;
    }
    
  }