@import url("https://fonts.googleapis.com/css?family=Open+Sans");:root{--black:#000;--white:#fff;--grey:#555;--red:#c0392b}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Roboto,sans-serif;color:var(--black)}.nav{position:fixed;background-color:#222;top:0;left:0;right:0;transition:all .3s ease-in-out}.nav .container{justify-content:space-between;padding:20px 0;transition:all .3s ease-in-out}.nav .container,nav ul{display:flex;align-items:center}nav ul{list-style-type:none;justify-content:center}.nav a{color:var(--white);text-decoration:none;padding:7px 15px;transition:all .3s ease-in-out}.nav.active{background-color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.3s)}.nav.active a{color:var(--black)}.nav.active a .container{padding:10px 0}.nav a.current,.nav a:hover{color:var(--red);font-weight:700}.container{max-width:1200px;margin:0 auto}.hero{background-image:url(https://source.unsplash.com/random/750x1260);background-repeat:no-repeat;background-size:cover;background-position:bottom;height:60vh;color:var(--white);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;margin-bottom:20px;z-index:-1}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);opacity:.4;z-index:-2}.hero h1{font-size:2rem;margin:-10px 0 20px}.hero p{font-size:20px;letter-spacing:1px}.content h2,.content h3{font-size:150%;margin:2rem 0}.content p{color:var(--grey);line-height:30px;letter-spacing:1.2px}