.logo {
    
}

body {
    color: white;
    background: black;
    font-family: 'Roboto', sans-serif;
    display: block;
    }

.container {
    /*display: block;
    background-color: black;
    */
    padding: 20px;
    display: table-cell;
    height: 100vh;
    vertical-align: middle;
    width: 100vw;
    text-align: center;
    }

a:active, 
a:hover,  
a {
    text-decoration: none;
    color: white;
    }

h1 {
    border-style: solid;
    border-color: white;
    border-width: 3px;
    padding: 10px;
    font-weight: 300;
    }

img {
    width: 180px;
    padding: 1cm;
    }

img.rot:hover {
    animation: 5s linear 0s normal none 5 running rot;
    -webkit-animation: 5s linear 0s normal none 5 running rot;
    /* width: 240px; */
    }
@keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    19% {
        transform: rotate(-190deg);
    }
    60% {
        transform: rotate(-90deg); 
    }
    99% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
  }
  @-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    19% {
        transform: rotate(-190deg);
    }
    60% {
        transform: rotate(-90deg); 
    }
    99% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
  }