.background-white {
    background: white;
}

.background-blue {
   background: lightblue;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    font-family: 'Roboto';
    font-size: 10px;
}

body {
    font-size: 1.6rem;
}

.profile-photo {
    height: 100px;
}
.portfolio {
    color: #646464;
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

ul li a {
    display: block;
    width: 100%;
    color: white;
    padding: 1.5rem
}

ul li a:hover {
    background: #2e4774;
}

main {
    min-width: 110rem;
    min-height: calc(100vh - 14.5rem);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding: 0 1.5rem 0 1.5rem;
}

.weather {
    height: 15rem;
    width: 30rem;
    margin: 1rem auto;
    padding: 1rem;
    border: 0.5rem solid #4267b2;
}