@font-face {
    font-family: "myfont";
    src: url("Proxima\ Nova\ Regular.woff") format('woff');
}
html {
    font-family: "myfont";
    height:100em;
    overflow-x:hidden;

    }
    body {
        scroll-behavior: smooth;
        background-image:
    linear-gradient(
      black,
      black 48.5%,
      #e8dacf 52.5%,
      #e8dacf 100%
    );
}

/*   NAVIGATION BAR     HEIGHT: 5EM; */
#nav {

    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width:100%;
    height:5em;
  }
  
  #nav li {
    float: left;
    height:5em;
    width:25%;
  }
  
  #nav li a {
    display: block;
    color: white;
    text-align: center;
    margin-top:2em;
    text-decoration: none;

  }
  #nav li a:hover {
    color:rgb(108, 156, 235);
  }

  /*   FRONT FACE (INDEX.HTML EXCLUSIVE) HEIGHT: 22.5EM; */

#face {
    color:white;
    position: relative;
    text-align:center;
    font-size:2em;
    top:5em;
    height:20em;
  } #face h3 {
    font-size:1em;
  } #face button {
    position: absolute;
    height:3.75em;
    width:10%;
    left:45%;
    bottom:15em;
    border:none;
    border-radius:15px;
    background-color:#6c9ceb;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
} @keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(108, 156, 235);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
} #face a{
    color: white;
    text-decoration: none;
    font-size:1.25em;
}
/* FRONT SUBFACE HEIGHT: 22.5EM; */
#subface {
    padding-top:6em;
    z-index:3;
    position:relative;
    top:7.5em;
    height:42.5em;

} #subface #left {
    float:left;
    width:40%;
    padding-left:4em;
    padding-right:4em;
} #subface #left p {
    padding-top:2em;
    line-height: 250%;
}#subface #right {
    float:right;
    width:45%;
    padding-right:3em;
} #subface #right ul {
    margin-top:2em;
    list-style-type:circle;
} #subface #right li a{
    color:blue;

    text-decoration:none;

}#subface button {
    position: absolute;
    height:3.75em;
    width:10%;
    left:45%;
    bottom:10em;
    border:none;
    border-radius:15px;
    background-color:#6c9ceb;
} #subface button a {
    color:white;
    font-size:1.5em;
    text-decoration: none;
}