body{margin:0}.header__container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.header__nav{z-index:10;border-bottom:1px solid #dae8e4;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:0}.header__nav-item{color:#243435;text-transform:uppercase;letter-spacing:1px;margin:16px;font-family:Roboto,sans-serif;font-size:14px;font-weight:bolder;text-decoration:none}.header__nav-item:hover,.header__nav-item:focus{color:#006ecd}.header__title-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.header__title{z-index:10;color:#243435;text-transform:uppercase;letter-spacing:2px;font-family:Roboto,sans-serif;font-size:14px;position:relative}.header__subtitle{z-index:10;color:#243435;letter-spacing:2px;text-align:center;font-family:Roboto,sans-serif;font-size:32px;font-weight:lighter;position:relative}.header__button{color:#243435;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffca28;border:none;border-radius:6px;margin:128px 0;padding:16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:bolder;position:absolute}.header__button:hover,.header__button:focus{background:#d78d31}.header__gradient{z-index:-2;background:#31544a;width:100%;height:100%;position:absolute;bottom:0}.skyline__container{z-index:-2;width:100%;position:absolute;bottom:0}.skyline__image{position:absolute;bottom:0}