segashnaStyle.css

body{
    background-color: bisque;
}

.main-menu{
    text-align: center;

}

image{
    width: 160px;
    height: 400px;
}
.main-menu > a{
    margin: 5px;
    padding: 5px;
    background-color: gray;
    border-style: solid;
    
}
.main-menu > a:hover{
    background-color: lightgray;
}
.main-menu > a:link{
    color: black;
    text-decoration: none;
}
.main-menu > a:visited{
    color: black;
    text-decoration: none;
}
div{
    margin:5px;
}
div.image-pm{
    background-color: gray;
    width: fit-content;
    margin: auto;
    padding: 5px;
    text-align: center;
    &:hover{
        background-color: aliceblue;
    }
}



div.vice-pms{
    width: 320px;
    margin: auto; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    div.gallery{
        padding: 10px;
    }
}

div.ministers{
        width: 100%; 
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    
        div.gallery{
            margin: 10px;
            padding: 10px;
        }
    
}
div.gallery{
    background: red;
}

.title{
    /* max-width: 160px; */
    text-align: center;
    font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.description{
    text-align: center;
    font-size: 20px;
}



footer{
    text-align: center;
    background-color: lightslategray;
    color: black;
    font-size:20px;

    a:hover{
        background-color: lightgray;
    }
    a:link{
        color: black;
        text-decoration: none;
    }
    a:visited{
        color: black;
        text-decoration: none;
    }
    
}