@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Condensed&family=Sono:wght@300&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5rem;height:112px;position:fixed;z-index:10;background-color:#fff;opacity:.9}.main-hero img,header{width:100%;top:0;left:0}.main-hero img{height:80vh;object-fit:cover;object-position:center center;z-index:-1}.lower-image-container{height:665px}.lower-image{line-height:0px;width:100%;height:50vh;object-fit:cover;object-position:center center;z-index:-1}.workout-planner{text-align:center;width:25vw;margin:auto;padding:1rem;border:3px outset;border-radius:14px;transform:translateY(-370px);background-color:#fff;font-weight:300;opacity:.8}.lower-sign-up{display:flex;justify-content:center}.btn{font-size:16px;position:relative;margin:1rem;padding:1em 2.5em;border:none;background:#fc9e4f;transition:all .1s linear;box-shadow:0 .4em 1em rgba(0,0,0,.1)}.btn:active{transform:scale(.95)}.btn span{color:#464646}.btn .border{position:absolute;border:.15em solid #fc9e4f;transition:all .3s linear .08s;top:50%;left:50%;width:9em;height:3em;transform:translate(-50%,-50%)}.btn:hover .border{display:block;width:9.9em;height:3.7em}.full-rounded{border-radius:2em}@media screen and (max-width:660px){.main-hero img{height:70vh}.workout-planner{width:80vw;margin-top:-6rem}.lower-image-container{height:619px}}.nav-menu a{margin:1.2rem}.hamburger{display:none;cursor:pointer;margin-right:1rem}.btn-signup{font-size:16px;position:relative;margin:1rem;padding:1em 2.2em;border:none;background:#fc9e4f;transition:all .1s linear;box-shadow:0 .4em 1em rgba(0,0,0,.1)}.btn-signup:active{transform:scale(.95)}.btn-signup span{color:#464646}.btn-signup .border{position:absolute;border:.15em solid #fc9e4f;transition:all .3s linear .08s;top:50%;left:50%;width:9em;height:3em;transform:translate(-50%,-50%)}.btn-signup:hover .border{display:block;width:9.9em;height:3.7em}@media screen and (max-width:660px){.nav-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;position:absolute;background-color:#fff;top:0;left:-100%;z-index:-3;transition:.3s}.nav-menu.active{left:0}.hamburger{display:initial}}