/* CSS Document */

/*BACKGROUND SECTION*/
.page {background-color:#cc33ff; width:80%; margin:auto; padding:20px;}

/*header section*/
.class-head {background-color:#ffb3ec ; margin:auto;}

.social-sites{ display:inline-flex;
position:relative;
left:900px; top:-110px;}

.nav-main li {display:inline-block;}

/*MAIN SECTION*/
main {background-color:#ffccff; width:70%; float:left; padding:10px} 

p {
    font-family: arial;
}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}
/*SIDEBAR SECTION*/
.sidebar {background-color:#ffccff; width:25%; float:right; padding:10px}

/*FOOTER SECTION*/
.footer-main {background-color:gray; clear:both;}

/*LINKS*/
a:link {text-decoration:none;color:black;}

a:hover {text-decoration:underline; font-size:27px; color:black;}

a:visited {text-decoration:none; color:black;}





table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}