#dw {
    display:inline-block;
    border:0px solid black
}

#dw:hover{
    animation:0.5s imgexpand linear;
    transition:0.5s all linear;
    display:inline-block;
    border:2px solid black;
    background-image:url(http://www.cinemarecife.com.br/wp-content/uploads/2013/11/doctor-who-200x200.jpg);
    color:white;
    width:200px;
    height:200px;
    text-align:center;

    
}

#rm {
    display:inline-block;
    border: 0px solid black;
    
}

#rm:hover{
    animation:0.5s imgexpand linear;
    display:inline-block;
    border:2px solid black;
    background-image:url(http://cdn.chud.com/0/09/200x200px-ZC-09439f6d_rick-and-morty-eyes.jpeg);
    color:white;
    width:200px;
    height:200px;
    text-align:center;
    text-emphasis:false;
}
@-webkit-keyframes imgexpand{
    0%{width:10px; height:10px;}
    5%{width:20px; height:20px;}
    10%{width:30px; height:30px;}
    15%{width:40px; height:40px;}
    20%{width:50px; height:50px;}
    25%{width:60px; height:60px;}
    30%{width:70px; height:70px;}
    35%{width:80px; height:80px;}
    40%{width:90px; height:90px;}
    45%{width:100px; height:100px;}
    50%{width:110px; height:110px;}
    55%{width:120px; height:120px;}
    60%{width:130px; height:130px;}
    65%{width:140px; height:140px;}
    70%{width:150px; height:150px;}
    75%{width:160px; height:160px;}
    80%{width:170px; height:170px;}
    85%{width:180px; height:180px;}
    90%{width:190px; height:190px;}
    95%{width:200px; height:200px;}
}

#welcome-text{
    
}



.defaultlogo{
    text-align:center;
    border:2px solid black;
    width:50px;
    background-color:rgb(192,192,193);
    }


#container{

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.defaultlogo:hover{
    animation: .5s rainbow linear infinite;
}