.inside {
    background:white;
    border:solid black 1px;

}
.links1{
    position:relative;
    right:50px;
}
.links2{
    position:relative;
    right:50px;
}
header {
    background-color:silver;
    color:white;
    margin:0 auto;
}
footer {
    background-color:silver;
    color:white;
    bottom: 0;
    width: 100%;
    height:15px;
    font-family: 'Roboto', sans-serif;
    text-align:center;
}
h1 {
    text-align:center;
    font-size:40px;
    font-family: 'Cairo', sans-serif;
}
ul {
    display:flex;
    flex-direction:row;
    justify-content: space-around;
    list-style:none;
    margin:0 auto;
    padding:0
}
a {
    text-decoration:none;
    color:white;
}
a:hover{
    text-decoration:underline;
    color:salmon;
}
nav {
    background-color:silver ;
    font-family: 'Roboto', sans-serif;
}
h2 {
    text-align:center;
    font-family: 'Cairo', sans-serif;
}
h3 {
    text-align:center;
    margin:0;
}
p {
    text-align:center;
    font-family: 'Roboto', sans-serif;
    margin: 0 10px;
}
img {
    height:200px;
    width:200px;
    margin: 0 auto;
    display:block;
    border-radius:50%;
    border: 2px solid black;
}
.image {
    background-color:lightsalmon;
    margin: 0 auto;
}
section {
    width: 200px;
    background:lightsalmon;
    color:white;
    border-radius:10px;
    text-align:center;
    line-height: 100px;
    font-family: 'Roboto', sans-serif;
}
.pokemonDiv{
    background-image: url("./../images/image.png");
    background-size:cover;
    background-repeat: no-repeat;
    border: solid salmon 1px;
    height:200px;
    width:250px;
}
.P3Div{
    background-image: url("./../images/Project3.png");
    background-size:cover;
    background-position: center;
    border: solid salmon 1px;
    height:200px;
    width:250px;
}
.apiDiv{
    background-image: url("./../images/bg.png");
    background-size:cover;
    background-repeat: no-repeat;
    border: solid salmon 1px;
    height:200px;
    width:250px;
}
section:hover{
    text-decoration: underline;
}
.work {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    margin:30px 0;
}
.footer{
    margin:0 25px;
}
.placeholder{
    display:none;
}
figcaption{
    width:250px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size:10px;
    margin-top:10px;
}
.pokemonDiv:hover, .apiDiv:hover, .P3Div:hover{
    
        animation: bounce 1s infinite alternate;
      }
      
      @keyframes bounce {
        from {
          transform: translateY(0px);
        }
        to {
          transform: translateY(-25px);
        }
      }

      @media (max-width: 800px) {
        .work {
            flex-direction:column;
            justify-content:center;
            align-items:center;
        }

@media (max-width: 500px) {
    section {
        margin:5px 0;
    }
    h1 {
        font-size:20px;
    }
    body {
        width:100%;
    }
}}
.github{
    color:black;
}