*{ padding: 0; margin: 0; list-style: none; } body{ font-family: 'Montserrat','Arial'; font-size: 20pt; width: 100%; background: linear-gradient(to top, #66aaff, #ffffff) no-repeat; } hr{ width: 95%; margin: 0 auto 0 auto; } header{ height: 200px; margin: 30px 0 0 0; } .left-header{ display: inline-flex; position: relative; float: left; width: 30%; } .left-header img{ margin: 0 0 0 30px; } .left-header p{ position: relative; text-align: left; padding: 5px; margin: 40px 0 0 0; } .right-header{ margin: 0 0 0 30px; text-align: center; } .right-header p{ font-size: 35pt; font-family: Montserrat,bold; text-shadow: 0 3px 4px black; text-align: center; margin: 0 0 30px 0; } .right-header li{ position: relative; display: inline-block; padding: 10px 30px 0 30px; background: white; border: 1px solid black; border-radius: 20px; width: 200px; height: 38px; text-align: center; margin: 0 12px 0 12px; right: 300px; } nav{ display: inline-flex; width: 95%; margin: 30px 35px 0 35px; } a{ color: black; text-decoration: none; } nav ol, .right-header ol{ display: inline-block; position: absolute; } nav li{ display: inline-block; position: relative; padding: 10px 30px 0 30px; background: white; border: 1px solid black; border-radius: 20px; width: 200px; height: 38px; text-align: center; margin: 0 12px 0 12px; } .vertical-hr{ transform: rotate(90deg); width: 110px; position: relative; top: 25px; left: 430px; } nav input{ position: relative; height: 50px; width: 900px; border-radius: 12px; text-align: center; } .after-nav-hr{ position: relative; top: 30px; } main{ position: relative; border: 1px solid black; background: white; border-radius: 20px; width: auto; height: auto; margin: 65px 35px 25px 35px; } h3{ text-align: center; padding: 30px 0 15px 0; } .main-content{ width: 1250px; height: auto; margin: 0 auto 0 auto; } .top-content, .mid-content, .bot-content{ position: relative; display: inline-block; width: auto; height: 450px; margin: 15px 35px 15px 35px; } .left-content, .middle-content, .right-content{ position: relative; display: inline-block; width: 300px; height: 450px; background: bisque; border: 1px solid white; border-radius: 20px; margin: 0 40px 0 40px; } .last-hr{ width: 95%; position: relative; } footer{ margin: 35px 0 35px 35px; } footer p{ text-align: left; padding: 10px 0 0 0; }