*{
    border:0;
    margin:0;
    padding:0;
}

html{
    height: 100%;
}
body{
    font-family: sans-serif;
    height: 100%;
}

.content{
    height: 100%;
    display: grid;
    grid-template-rows: 40% auto 30px;
    justify-items: stretch;
    max-width: 345px;
    margin: 0 auto;
}

.innerContent{
    justify-self: center;
    align-items: stretch;
    padding-top:30px;
}

.logo{
    max-height: 200px;
    align-self: end;
}
.logo img{
    width: auto;
    height: 200px;
}

.contact{
    justify-self: center;
    margin-bottom: 15px;
}

.projects{
    justify-self: center;
}

.footer{
    justify-self: center;
}

ul li{
    list-style: none;
    padding-bottom: 5px;
}

h2{
    padding-bottom: 5px;
}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}