@font-face { 
    font-family: "Freesentation-5Medium";
    src: url("../fonts/Freesentation-5Medium.ttf") format("truetype");
    font-weight: normal;
  } 
#wrap * {
    font-family: "Freesentation-5Medium";
}

header {
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    padding: 0 1.5rem;
    z-index: 7777;
    background: #fff;
}
header h1 {
   text-align: center;
}
header h1 a {
    width: 100%;
}
header h1 a img {
    width: 65%;
}
header #menuBtn {
    width: 2rem;
    position: absolute;
    right: 1.5rem;
}
header #menuBtn img {
    width: 100%;
}

.navBg {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 8888;
}
nav {
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    width: 65%;
    height: 70%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    padding-top: 6rem;
}
nav button {
    position: absolute;
    right: 1.5rem;
    top: 2rem;
    width: 2rem;
}
nav button img {
    width: 100%;
}
nav a {
    font-size: 1.8rem;
    padding: 1.5rem;
    display: flex;
    line-height: 1.2;
    align-items: center;
    margin: 0 1.5rem; 
    color: #a2a2a2;
}
nav a img {
    width: 2.5rem;
    margin-right: 1rem;
}
footer {
    background-color: #e4e8ef;
    padding: 1.5rem;
    text-align: center;
}
footer p{
    line-height: 1.3;
    font-size: 1.5rem;
    color: #999ea5;
    font-family: "Freesentation-5Medium";
}
footer  span{
    line-height: 1.3;
    font-size: 1.5rem;
    color: #575f68;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: "Freesentation-5Medium";
}