body { background: #ffffff; background-attachment: fixed; margin: 0; padding: 0; height: 100%; width: 100%; } a{ color: #0077ff; text-decoration: underline; cursor: pointer; } a:hover{ color:#000000; } .spacer{ margin-top:10px; height:7px; } .full_page{ width:50vw; border-radius:5px; margin:auto; } #circuit{ width:100%; height:100vh; background-color: #333; background-image:url(circuitBanner.jpg); background-repeat:no-repeat; background-size:cover; } #aboutMe{ background-color:#ffffff; background-image:url(collageBanner.png); background-position: center; background-repeat:no-repeat; background-size:cover; padding-top:20px; padding-bottom:20px; margin-top: 10px; margin-bottom: 10px; } #qualifications{ padding-top:20px; padding-bottom:20px; background-color: #333; background-image:url(codeBanner.jpg); background-repeat:no-repeat; background-size:cover; } #pastWork{ background-color:#ffffff; padding-top:20px; padding-bottom:20px; } #contactInfo{ padding-top:20px; padding-bottom:20px; background-color:#333; background-image:url(unionBanner.jpg); background-repeat:no-repeat; background-size:cover; } div.pageText{ width:50vw; padding-top:20px; background-color:#d1d1d1; border-color:#ffffff; border:3px solid; /*box-shadow:0px 0px 20px 3px #000000;*/ border-radius:5px; margin:auto; margin-top: 40px; } div.pageBanner{ width:50vw; background-color:#0077ff; border-color:#0077ff; border:3px solid; /*box-shadow:0px 0px 20px 3px #000000;*/ border-radius:5px; margin:auto; } div.terminator{ width:50vw; padding-top:1px; background-color:#d1d1d1; border-color:#ffffff; border:3px solid; /*box-shadow:0px 0px 20px 3px #000000;*/ border-radius:5px; margin:auto; } div.main{ width:50vw; padding-top:1px; background-color:#d1d1d1; border-color:#ffffff; box-shadow:0px 0px 20px 3px #000000; border-radius:5px; margin:auto; } h6 span{ cursor:pointer; line-height: 40px; font-size:30px; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:2px; border-bottom:3px solid #0077ff; transition: border-color .2s ease-out,border-color .2s ease-out; white-space: nowrap; margin-left: 15px; margin-right: 15px; } h6 span.active,h6 span:hover, h6 span:focus{ padding-bottom:2px; border-bottom:3px solid #000000; } h6{ padding-top:15px; padding-bottom: 15px; width:90%; margin:auto; text-align:center; border-radius:5px; background-color:#0077ff; color:#ffffff; display:flex; justify-content: space-around; flex-wrap: wrap; } div{ display:block; } div.spacing{ border-top: 2px solid #000000; padding-top: 30px; margin:auto; margin-top:30px; width:90%; } div.pages{ padding-top:1px; display:none; border-color:#ffffff; background-color:#ffffff; margin:auto; } div.shown{ display:block; } div.subSpace{ border-top: 2px solid #4c4c4c; padding-top: 30px; margin:auto; margin-top:30px; width:90%; padding-left: 20px; padding-right: 20px; } .bottom_banner{ width:860px; height:248px; margin-top:5px; margin-left:5px; margin-right:5px; background:#000000; border-color:#000000; border:2px solid; border-radius:5px; float:left; } h1{ color:#000000; margin-left:10px; margin-top:10px; margin-bottom:10px; font-weight:700; font-size:130px; text-align: center; -webkit-text-stroke: 1px black; } h2{ color:#333; margin-left:10px; margin-top:10px; margin-bottom:10px; font-weight:700; font-size:40px; text-align: center; -webkit-text-stroke: 1px black; } h3{ color:#000000; margin-left:10px; margin-top:0; margin-bottom:15px; font-weight:400; font-size:30px; text-align: left; } hr.intro{ background-color:#000000; position:relative; top:30px; height:1px; clear: both; margin-left:10px; margin-right:10px; margin-top:30px; margin-bottom:30px; } .introductary_text{ margin-left:10px; margin-right:10px; margin-bottom:33px; color:#000000; } #bttn{ width: 1054px; height: 200px; padding-top: 30vh; margin: auto; margin-bottom:30px; border-radius:5px; } div.main_info_scroll{ width:50vw; padding-top:1px; background:#d1d1d1; border-color:#333333; border:3px solid; /*box-shadow:0px 0px 20px 3px #000000;*/ border-radius:5px; margin:auto; } b.title{ font-weight:700; color:#0077ff; font-size:130px; }