:root{
    --black: #1C1C1C;
    --gray: #444;
    --white: #ddd;
    --green: #A5FD29;
    --pruple: #AE3DFF;
}

body{
    font-family: 'Roboto Mono', monospace;
}

.nav{
    display: flex;
    justify-content: space-between;
    padding: 10px 120px ;
    box-sizing: border-box;
    align-items: center;
    background-color: var(--black);
}

.nav>div>img{
    width: 100px;
}

.nav>div>ul>li{
    list-style-type: none;
    display: inline;
    margin-left: 20px;
}
.nav>div>ul>li>a{
    color: var(--white);
    font-size: 20px;
    text-decoration: none;
}

button{
    margin: 30px 0px 0px 0px;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 40px;
    font-size: 18px;
    color: white;
    background-color: var(--pruple);
    border: none;

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

button:hover{    
    outline:2px solid var(--white);
}

h1{
    font-size: 40px;
    color: var(--white);
}

h2{
    margin: 0px 80px ;
    font-size: 40px;
    color: var(--black);
}

.main_aboutus>div{
border-radius: 20px;
margin: 60px;
box-shadow: -28px 15px 47px -13px rgba(0,0,0,0.3);
padding: 40px;
box-sizing: border-box;
}

.main_aboutus img{
width: 100%;
max-height: 400px;
object-fit: cover;
}

.main_aboutus>div{
display: flex;
justify-content: space-between;
align-items: center;
}

.main_aboutus>div>div{
width: 50%;
text-align: start;
padding: 20px 40px;
box-sizing: border-box;
}

.main_aboutus>div>div>h3{
font-size: 40px;
margin: 0px;
}

.gray{
color: var(--gray);
}

.description__image img{
    width: 200px;
    border-radius: 20px;
}

.main_description{
    margin-top: 3px;
    margin-bottom: 40px;
    background-color: var(--black);
    padding: 80px;
    display: flex;
    align-items: center;
    color: var(--white);
}

.main_description>div{
    width: 50%;
}
.description__image{
    text-align: center;
}

.description__image>div{
    width: min-content;
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    border: 5px solid var(--pruple);
}

.description__image>button{
    width: 200px;
    margin: 10px 0px;
    border-radius: 20px;
    border: 5px solid var(--pruple);
}

.calification{
    display: flex;
    margin: 80px;
}

.calification>div{
    width: 50%;
    box-shadow: -28px 15px 47px -13px rgba(0,0,0,0.3);
    padding: 40px;
}

.calification>div>h2{
    margin: 20px 20px 60px 20px;
}

@media screen and (max-width: 1000px) {
.main_aboutus>div,.calification,.main_description{
    display: block;
}
.main_aboutus>div>div,.calification>div,.main_description>div{
    width: 100%;
}
.calification{
    margin: 60px;
}

}

@media screen and (max-width: 600px) {
    .main_description{
        padding: 20px;
    }
    h1{
        font-size: 35px;
    }
    h2{
        font-size: 30px;
    }
    .main_aboutus>div>div>h3{
        font-size: 25px;
    }
    .calification{
        margin: 0px;
    }
    .calification>div{
        padding: 20px;
        box-sizing: border-box;
    }
    .main_aboutus>div{
        margin: 0px;
        padding: 20px;
    }
    .main_aboutus>div>div{
        margin: 0px;
        padding: 0px;
    }

    }