*{
    margin:0;
}

body{
    background-image: url(gfx/background.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    color:white;
    margin:auto;
    text-align:center;
    font-family: arial;
}

#services{
    background-color:rgba(0, 143, 88, 0.25);
}




li img{
    width:100%;
    transition: 200ms;
    border-radius:40px;
}

li img:hover{
    scale: 110%;
    transition: 200ms;
}

a{
    color:white;
    text-decoration: none;
}




/*Mobile css*/
@media (min-width: 100px){
nav{
    width:100%;
}

#header{
    background-color:rgb(255, 115, 0);
    padding:2%;
    box-shadow: 0px 0px 10px rgb(0, 255, 0);
    font-size: 100%;
}

li{
    width:45%;
    display:inline-block;
    font-size: 200%;
    padding:4%;
}

h2{
    padding-top:5%;
    font-size: 200%;
}
}


/*Desktop css*/
@media (min-width: 1200px){
    nav{
    width:100%;
}

#header{
    background-color:rgb(255, 115, 0);
    box-shadow: 0px 0px 10px rgb(0, 255, 0);
    font-size: 200%;
    width:100%;
    padding:0;
    padding-top:2%;
    padding-bottom:2%;
}

#author{
    position: fixed;
    font-size:50%;
    padding-left:3%;
    padding-top:1.5%;
}

li{
    width:15%;
    display:inline-block;
    font-size: 200%;
    padding:3%;
}

h2{
    padding-top:5%;
    font-size: 300%;
}
}