body{ 
    background-color: rgb(198, 224, 228);
}

h1{
    margin-left: 10px;
}

.right{
    float: right;
}

.blank {
    opacity: 0;
}

.img{
    background-color: rgba(95, 158, 160, 0.726);
    border: 3px solid rgb(18, 30, 31);
    padding: 10px;
    width: 500px;
    margin: 10px;
    transition: 0.3s ease;
}

.img:hover{
    scale: 1.01;
    background-color:rgba(86, 145, 146, 0.726) ;
}

.img2{
    background-color: rgba(95, 158, 160, 0.726);
    border: 3px solid rgb(18, 30, 31);
    padding: 10px;
    width: 590px;
    margin: 10px;
    transition: 0.3s ease;
}

.img2:hover{
    scale: 1.01;
    background-color:rgba(86, 145, 146, 0.726) ;
}

.img3{
    background-color: rgba(95, 158, 160, 0.726);
    border: 3px solid rgb(18, 30, 31);
    padding: 10px;
    width: 333px;
    margin: 10px;
    transition: 0.3s ease;
}

.img3:hover{
    scale: 1.01;
    background-color:rgba(86, 145, 146, 0.726) ;
}


.article1{
    background-color: rgba(95, 158, 160, 0.726);
    border: 3px solid rgb(18, 30, 31);
    padding: 20px;
    width: fit-content;
    margin: 10px;
    transition: 0.3s ease;
}

.article1:hover{
    scale: 1.01;
    background-color:rgba(86, 145, 146, 0.726) ;
}



.article2{
    background-color: rgba(95, 158, 160, 0.726);
    border: 3px solid rgb(18, 30, 31);
    padding: 20px;
    width: fit-content;
    margin: 10px;
    transition: 0.3s ease;
}

.article2:hover{
    scale: 1.01;
    background-color:rgba(86, 145, 146, 0.726) ;
}