*{
   padding: 0;
   margin: 0;  
   box-sizing: border-box; 
}


@font-face {
    font-family: "Font";
    src: url(/Montserrat-VariableFont_wght.ttf);
}


body{
    font-family: "font";
    background-color: #2f2fa2;
    color: #f64C72;
}

.block{
    background-color: #d3d3d371;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #24204a00;
    transition:  0.4s;
    backdrop-filter: blur(15);
    background-image: url(/imafes/5.jpg);
}
.block1{
    background-color: #553D67;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #141225;
    transition:  0.4s;
}


.wrap{
    width: 1200px;
    margin: 0 auto;

}

header{
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
}
h1{
font-size: 70px;

}


section{
    display: flex;
    justify-content: space-between;
   
    
}





.right_side{
    min-width: 300px;
    max-width: 300px;
    margin-left: 20px;
}

.news{
    
}

h2{
    font-size: 40px;
}

footer{
    text-align: center;
}

.block img{
width: 100%;
border-radius: 5px;

}

.newsblock img{
    height: 50px;
    overflow: hidden;
    object-fit: cover;

}

.block:hover{
    box-shadow: 0 0 10px #553D67;
    transform: scale(1.02);
    
}

.news_desc{
    margin-top: 10px;

}

.about_desc{

    margin-top: 10px;

}

.news_date{
    margin-top: 10px;
    margin-bottom: 10px;
}

.h3{
    margin-bottom: 10px;
}

#theme_button{
    background-color: #00ff0daa;
    border-radius: 5px;
    width: 150px;
    padding: 15px;
    margin: 20px; 
    margin-bottom: 30px;
    box-shadow: 0 0 10px #141225;
    transition:  0.4s;

}