@charset "utf-8";
/* CSS Document */


body{
    background: #FBE6E7;
}
#content{
    
    color: brown;
    margin: auto;
    width: 80%;
    text-align: center;
    padding: 20px;
    
    
}
#content {
    
    margin-top:50px;
    }


#logo img{
    width: 25%;
    position:absolute;
    border: solid #D594F7;
    background-color: #D594F7;
    border-radius: 20px;
    padding: 10px;
    float: left;   
}

@media screen and  (min-width:500px){
    #logo img {
        width: 30%;
    }
}

@media screen  and (min-width:700px){
    #logo img {
        width: 25%;
    }
}

@media screen and (min-width:900px){
    #logo img {
        width: 20%;
    }
}

@media screen and (min-width:1400px){
    #logo img {
        width: 10%;
    }
}