.monhoc-container{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

h1{
    text-align: center;
    margin-top: 20px;
    font-weight: 500px;
}

.monhoc-container > .monhoc{
    display: flex;
    justify-content: space-around;
    margin: 70px;
    
}

.monhoc-content{
    border: 2px solid ;
    border-radius: 5px;
    width: 339px;
    height: 226px;

}


.file-icon{
    font-size: 40px;
    text-align: center;
    margin-top: 15px;
    color: rgba(91, 91, 220 , 1);
}

.title{
    text-align: center;
    font-size: 20px;
    margin-top: 27px;
    margin-bottom: 30px;
    color: #888b8f;
}
.view-button {
    display: flex;
    justify-content: center; 
    align-items: center;
   
}
.view-button> a {
    text-align: center;
    font-size: 20px;
   
}

.view-button >a > button{
    border-radius: 5px;
    padding: 5px 17px;
    color: black;
    border:2px solid #1982ff;
    background-color: #fff;
}
.view-button >a > button:hover{
    background-color:#1982ff ;
}

.btn-back{
    float: right; 
    
}
.btn-back > a{
    border: 2px solid blue;
    background-color: #1982ff;
    text-decoration: none;
    color: black;
    padding: 10px 70px;
    border-radius: 5px;  
}

.btn-back:hover{
    opacity: 0.8;
}