h1{
    display: none;
} 

.main-body{
    width: 100%;
    display: flex;
    
}

.main-body hr{
    opacity: 100;
}

.main-body main{
    display:flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

.home-section {
    width: max-content;
    padding: 15px 0;
    max-width: 200px;
}

@media(max-width:800px) {
    .main-body main{
        width: 90%;
        margin: 0 50px !important;
        padding: 0;
        
    }

    .main-body main a{
        font-weight: 500;
        font-size: 1em;
    }
}

@media(max-width:550px) {
    .main-body main{
        flex-direction: column;
    }

    .home-section {
        width: max-content;
        padding: 0;
        max-width: 200px;
    }
}

@media(min-width:1000px){
    .main-body main {
        border: 1px solid black;
        padding: 0;
    }
}