.nav-link:hover{
    color:#C01157;
}
.nav-link{
    color:#F09BBD;
}

.navbar{
    background-color:#712A46;
}
header{
    background-color:#712A46;
    width: 100%;
    margin:auto;
    text-align:center;
    padding: 5px;
    color:#F09BBD;
}
.navbar-nav{
    width: 100%;
    margin:auto;
    text-align:center;
    padding: 5px;
    color:#F09BBD;
    position: inline;
    list-style: none;
    text-decoration: none;
    
}
a{
  color: #500724;
  cursor: url('https://codehs.com/uploads/c4ba9cd268983b658b3abdd05364fc2e'), auto;
}
.dropdown-toggle{
    color:#F09BBD;
}
.dropdown-toggle:hover{
    color:#C01157;
}
.dropdown-menu{
    background-color:#F09BBD;
    color:#F09BBD;
}
.dropdown-item:hover{
    background-color:#E680A9;
    color:#C01157;
}
footer{
    padding: 50px 0;
    color: #f0f9ff;
    background-color: #282d32;
    text-align: center;
}
.row{
    color: #f0f9ff;
    background-color: #282d32;
    text-align: center;
}
.row a{
    text-decoration: none;
    color: white;
}
.active{
    color:#C01157;
}
body {
  overflow-x: hidden;
  cursor: url('https://codehs.com/uploads/c4ba9cd268983b658b3abdd05364fc2e'), auto;
}
.bodyArea{
  background:#E58CB0;/*light pink*/
    min-height: 1000px;
    color:#500724;/*blood red*/
    text-align: center;
}
#clock{
    text-align:center;
}
/*hamburger animation*/
.visuallyHidden {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}
.container {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.hamburger {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
}
.hamburger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    background-color: #F09BBD;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute; 
}
.bar4 {
    bottom: 0;
}
.hamburger3 .bar1 {
    transform-origin: 5%;
}
.hamburger3 .bar4 {
    transform-origin: 5%;
}
.checkbox3:checked + label > .hamburger3 > .bar1{
    transform: rotate(45deg);
    height: 3px;
    width: 42px;
}
.checkbox3:checked + label > .hamburger3 > .bar3{
    transform: rotate(45deg);
    height: 3px;
    background-color: transparent;
}
.checkbox3:checked + label > .hamburger3 > .bar2{
    transform: rotate(-45deg);
    height: 3px;
    background-color: transparent;
}
.checkbox3:checked + label > .hamburger3 > .bar4{
    transform: rotate(-45deg);
    height: 3px;
    width: 42px;
}
.hamburger3 .bar3,
.hamburger4 .bar4 {
    top: 13.5px;
}