@charset "utf-8";

@media screen and (min-width: 600px){
header {
    font-family:sans-serif;
    background-color:beige;
    padding: 1cm;
    text-align: center;    
       
}

a {
    color:brown;
    padding: 0.5cm;
     
}

main{
    padding: 1cm;
}

h1{
    color:coral;
    text-align: center;
     
}

img{
    width: 200px;
    border-radius: 200px;
    
    
}

h4{
    color:crimson;
    text-align: center;
}

footer {
    color:dimgrey;
    text-align: left;
    font-size: 0,01;
    
}
}


@media screen and (min-width: 0px) {
    
    header {
    font-family:sans-serif;
    background-color:beige;
    padding: 0.5cm;
    text-align: center;
       
}

a {
    color:brown;
    padding: 0.5cm;
    line-height: 2
}

main{
    padding: 1cm;
    text-align: center;
}

h1{
    color:coral;
    text-align:center;
     
}

img{
    width:200px;
    border-radius: 200px;
    display:block;
  margin-left: auto;
  margin-right: auto;
    
}

h4{
    color:crimson;
    text-align: center;
}

footer {
    color:dimgrey;
    text-align: left;
    font-size: 0,01;
    
}
}