:root {
    font-size:125%;
}

html,body {
    margin:0;
    padding:0;
}
body{
    overflow-x:hidden;
    min-height: 100vh;
}

*, *::before, *::after {
    width:auto;
    height:auto;
    padding: 0.25rem;    
}

.container {
    max-width: 1200px;
    min-height: 100px;
    margin:auto;
    background-color: whitesmoke;
    box-shadow: 0 0 10px 5px grey;
}

#main-content {
    margin: 3rem auto;
    min-height:400px;
}

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

a:hover {
    color: darkgrey;
}

/*---------------*/
/*---rainbow..---*/
/*---------------*/
.rainbow { 
  z-index: -9999;
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 20s ease infinite;
-moz-animation: rainbow 20s ease infinite;
-o-animation: rainbow 20s ease infinite;
  animation: rainbow 20s ease infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


.no-list-style{
    list-style-type:none;
}

#header, #footer{
    padding:0;
}
.footer