@media (max-width: 1200px) {
    .buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .main {
        gap: 30px;
    }
    
    h1 {
        font-size: 48px;
    }
    
    img.project_icon {
        width: 260px;
    }
    .main_text {
        width: 70%;
    }

}
@media (max-width: 900px) {

}
@media (max-width: 768px) {
    p.main_text br {
        display: none;
    }
    .main_text {
        width: 90%;
    }
    a.butt_main {
    font-size: 26px;
}
}
@media (max-width: 500px) {

}