body{
    background:black;
    color:white;
    font-family:'Roboto',sans-serif;
    margin:5%;
}

#main-heading{
    font-family:'Great Vibes',cursive;
    color:gold;
    text-align:center;
    text-decoration:underline;
    font-size:3rem;
}

h1,h2,h3{
    font-family:'Great Vibes',cursive;
    color:#4A90E2;
    text-align:center;
    text-decoration:underline;
}

.panel{
    background:#222;
    border:3px solid #4A90E2;
    border-radius:12px;
    padding:4%;
    margin:3%;
}

.panel img{
    display:block;
    width:60%;
    max-width:350px;
    margin:auto;
    border-radius:10px;
}

p,li{
    font-size:18px;
    line-height:1.6;
}

ul{
    padding-left:25px;
}

.panel:hover{
    background:#333;
}

/* Flexbox Gallery */

.gallery{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-content:flex-start;
    gap:2%;
    margin-top:40px;
}

.gallery-item{
    width:30%;
    background:#222;
    border:2px solid #4A90E2;
    border-radius:10px;
    padding:2%;
    text-align:center;
}

.gallery-item img{
    width:100%;
    height:auto;
    border-radius:10px;
}

.gallery-item:hover{
    transform:scale(1.05);
    transition:.3s;
}

@media (max-width:768px){

.gallery-item{
    width:45%;
}

}

@media (max-width:500px){

.gallery-item{
    width:90%;
}

}