body{
    background-color:#f7f7f7;
    color: #008080;
}
.menu span{
    background-color:#008080;
}
aside nav{
background-color:#f7f7f7;
}
aside .activeNavBar{
    color:#f7f7f7;
}
nav ul li a{
    color:inherit
}
nav ul .modeToggle{
    background: #00000016;
}
.modeToggle .toggle{
    background: linear-gradient(134deg, #058181 0%, #13aaaa 99%);
    margin-left:-21px;
}
.dev h1,
.dev .skillTitle{
border-left:2px solid #008080;
}
.dev a{
    background: linear-gradient(134deg, #058181 0%, #13aaaa 99%);
    color:#f7f7f7;
}
.dev .devMedias a{
    color:inherit;
}
.cardsContainer .card{
    background-color:inherit;
    box-shadow:0 0 5px 1px #00000016;
}
.mySkils .skills i{
    background-color:#eaeaea;
    color: inherit;
}
.footerMedias i{
     background:#008080;
}
.card i,
.mySkils .skills i,
nav ul .modeToggle{
    border:4px solid #f7f7f7;
    box-shadow:0 0 2px 1px #0000002c;
}
 footer{
    background-color:#eaeaea;
    border-radius:10px 10px  0 0;
}
.footerWrapper .footerSub{
    background-color:#f7f7f7;
    color:inherit;
    box-shadow:0 1px 2px 1px #0000002c;
 } 
 .footerSub a{
    color:inherit;
 }

 @media screen and (max-width:1000px) {
    .dev h1,
.dev .skillTitle{
border-left:none;
}
nav ul{
background-color:#eaeaea;
}
nav ul{
border:4px solid #f7f7f7;
box-shadow:0 0 2px 1px #0000002c;
}
aside nav{
background-color:transparent;
}
footer{
    box-shadow:0 0 2px 1px #0000002c;
    border:4px solid #f7f7f7;
}
}