@charset "UTF-8";

/* Intersection */
html{
    font-size: 100%;
}

a{
    text-decoration: none;
}

img{
    max-width: 100%;
}


/* header */
.page-header{
    display: flex;
    justify-content: space-between;
}

.logo{
    width: 150px;
    margin-top: 14px;
}

.main-nav{
    display: flex;
    font-size: 1.25em;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
}

.main-nav li{
    margin-left: 36px;
}

.main-nav a{
    color: #432;
}

.main-nav a:hover{
    color: #0bd;
}