html {
  height: 100%;
  width: 100%;
}

body {
  background-color: #ffffff;
}

h1 {
  color: black;
  font-size: 160px;
  margin-top: -310px;
  margin-left: 655px;
  font-family: "Bebas Neue", sans-serif;
}

h7 {
  color: #949494;
  font-size: 30px;
  margin-top: 10px;
  margin-left: 385px;
  font-family: "Bebas Neue", sans-serif;
  font-style:italic;
}

.picLink {
  color:#949494 !important;
  text-decoration:none;
         }

.picLink:visited {
  color:#949494 !important;
  text-decoration:none;
}

.picLink:hover {
  color:#3a3131 !important;
  text-decoration:none;
}

#Part2 {
  color: black;
  font-size: 160px;
  margin-top: -180px;
  margin-left: 760px;
  font-family: "Bebas Neue", sans-serif;
}

#icon {
  margin-left: 1300px;
  margin-top:200px;
  width:160px;
}

#Q1 {
  color: black;
  background-color: rgb(250, 164, 189);
  width: 330px;
  height: 40px;
  font-size: 35.5px;
  margin-top: 0px;
  margin-left: 980px;
  font-family: "Bebas Neue", sans-serif;
  position:absolute;
  padding: 4px;
}

#P1Pic {
  margin-left: 1400px;
  margin-top: 30px;
}

#PicNextToContent {
  margin-left: 450px;
  margin-top: -800px;
  width:500px;
  margin-bottom:20px;
}

#infoP1 {
  color: black;
  background-color: rgb(255, 199, 215);
  opacity: 100%; 
  width:400px;
  height: 500px;
  font-size: 35.5px;
  position: absolute;
  margin-top: -505px;
  margin-right: 500px;
  margin-left: 980px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding: 4px
}

#navigation-bar{
  background-color: rgb(208, 251, 250);
  width: 2000px;
  height: 80px;
  top: 0px;
  margin-left: -10px;
  position: fixed;
  z-index:5;
}

#navigation-bar0{
  background-color: rgb(208, 251, 250);
  width: 2000px;
  height: 80px;
  margin-top: -100px;
  margin-left: -10px;
  position: fixed;
  z-index:5;
}

#navigation-bar-icon {
  left: 11px;
  top: 10px;
  float: left;
  position: fixed;
  z-index:6;
  width:60px;
}

#N1 {
  color: black;
  font-size: 46px;
  margin-left:90px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#home-icon{
  left: 190px;
  top: 10px;
  position: fixed;
  z-index:7;
  width:55px
}

#N2 {
  color: black;
  font-size: 46px;
  top:-25px;
  margin-left:265px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#N3 {
  color: black;
  font-size: 46px;
  margin-left: 382.5px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#N4 {
  color: black;
  font-size: 46px;
  margin-left: 570px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#N5 {
  color: black;
  font-size: 46px;
  margin-left: 780px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#N6 {
  color: black;
  font-size: 46px;
  margin-left: 1030px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:7;
  text-align: center;
}

#N7 {
  color: black;
  font-size: 46px;
  left: 1200px;
  top:-25px;
  font-family: "Bebas Neue", sans-serif;
  position: fixed;
  z-index:8;
  text-align: center;
}

#search {
  font-size:30px;
  width:270px;
  left: 1519px;
  top:22.5px;
  position: fixed;
  z-index:7;
  border:1px solid black;
  background-color: rgb(191, 253, 252);
}

#search-icon {
  left:1805px;
  top:22.5px;
  position: fixed;
  z-index:7;
  border: 1px solid black;
}

.link{ color:black}

.content {
  margin-top: -580px;
  margin-left: -20px;
  font-size: 30px;
  font-family: "Bebas Neue", sans-serif;
  color: black;
  background-color: rgb(235, 214, 251);
  width: 450px;
  height: 555px;
  position: absolute;
  z-index: 1;
}

#TitleOfContent{
  font-size:65px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:90px;
  margin-top:-575px;
  position: absolute;
  z-index:2;
}

#divider {
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:15px;
  margin-top:-510px;
  position: absolute;
  z-index:2;
}

#ContentList{
  font-size:50px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:15px;
  margin-top:-430px;
  position: absolute;
  z-index:2;
}

#canvaBanner{
  float:right;
  margin-right:170px;
  margin-top:60px;
}

#infoP2 {
  color: black;
  background-color: rgb(175, 221, 255);
  opacity: 100%; 
  width:800px;
  height: 410px;
  font-size: 45px;
  position: absolute;
  margin-top: 35px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}
#CH {
  color: black;
  font-size: 120px;
  margin-top:100px;
  margin-left: 800px;
  font-family: "Bebas Neue", sans-serif;
}

#canva-icon{
  margin-left: 280px;
  margin-top: 600px;
  width: 400px;
}

.Logo{
  font-size:300px;
  font-family: "Bebas Neue", sans-serif;
  margin-top:-400px;
  margin-left:1100px;
}

#SupportingLinks {
  color: black;
  background-color: rgb(250, 164, 189);
  opacity: 100%; 
  width:280px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: -100px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#SupportingLinks1 {
  color: black;
  background-color: rgb(175, 221, 255);
  opacity: 100%; 
  width:280px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: -100px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#SupportingLinks2 {
  color: black;
  background-color: rgb(255, 188, 76);
  opacity: 100%; 
  width:280px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: -100px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#SupportingLinks3 {
  color: black;
  background-color: rgb(235, 214, 251);
  opacity: 100%; 
  width:280px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: -100px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#SupportingLinks4 {
  color: black;
  background-color: rgb(255, 11, 85);
  opacity: 100%; 
  width:280px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: -100px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

.videos{
  margin:50px;
  margin-left:200px;
}

#why {
  color: black;
  background-color: rgb(250, 164, 189);
  opacity: 100%; 
  width:1000px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: 0px;
  margin-left: 400px;
  text-align:center;
  font-family: "Bebas Neue", sans-serif;
}

#why1 {
  color: black;
  background-color: rgb(175, 221, 255);
  opacity: 100%; 
  width:1000px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: 0px;
  margin-left: 400px;
  text-align:center;
  font-family: "Bebas Neue", sans-serif;
}

#why2 {
  color: black;
  background-color: rgb(255, 188, 76);
  opacity: 100%; 
  width:1000px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: 0px;
  margin-left: 400px;
  text-align:center;
  font-family: "Bebas Neue", sans-serif;
}

#List {
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:430px;
  margin-top:80px;
  position: absolute;
  z-index:2;
  width:900px;
  background-color: rgb(255, 199, 215);
}

#List1 {
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:430px;
  margin-top:80px;
  position: absolute;
  z-index:2;
  width:900px;
  background-color: rgb(175, 221, 255);
}

#List2{
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:430px;
  margin-top:80px;
  position: absolute;
  z-index:2;
  width:900px;
  background-color: rgb(255, 188, 76);
}

#PHH {
  color: black;
  font-size: 120px;
  margin-top:100px;
  margin-left: 740px;
  font-family: "Bebas Neue", sans-serif;
}

#photoshop-banner {
  float:right;
  margin-right:100px;
  margin-top:60px;
}

#content1 {
  color: black;
  background-color: rgb(175, 221, 255);
  opacity: 100%; 
  width:800px;
  height: 350px;
  font-size: 45px;
  position: absolute;
  margin-top: 55px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#photoshop-icon {
  width:400px;
  margin-left: 265px;
  margin-top: 600px;
}

#AIH {
  color: black;
  font-size: 120px;
  margin-top:100px;
  margin-left: 700px;
  font-family: "Bebas Neue", sans-serif;
}

#content2 {
  color: black;
  background-color: rgb(255, 188, 76);
  opacity: 100%; 
  width:800px;
  height: 350px;
  font-size: 45px;
  position: absolute;
  margin-top: 120px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#Illustrator-icon {
  width:650px;
  margin-left: 145px;
  margin-top: 600px;
}

#AEH {
  color: black;
  font-size: 120px;
  margin-top:100px;
  margin-left: 680px;
  font-family: "Bebas Neue", sans-serif;
}

#content3 {
  color: black;
  background-color: rgb(235, 214, 251);
  opacity: 100%; 
  width:800px;
  height: 230px;
  font-size: 45px;
  position: absolute;
  margin-top: 140px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#AfterEffects-icon {
  width:400px;
  margin-left: 265px;
  margin-top: 600px;
}

#InDesign-icon {
  width:400px;
  margin-left: 279px;
  margin-top: 600px;
}

#why3 {
  color: black;
  background-color: rgb(235, 214, 251);
  opacity: 100%; 
  width:1000px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: 0px;
  margin-left: 400px;
  text-align:center;
  font-family: "Bebas Neue", sans-serif;
}

#List3{
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:430px;
  margin-top:80px;
  position: absolute;
  z-index:2;
  width:900px;
  background-color: rgb(235, 214, 251);
}

#IDH {
  color: black;
  font-size: 120px;
  margin-top:100px;
  margin-left: 780px;
  font-family: "Bebas Neue", sans-serif;
}

#WhatToDoAfter {
    color: black;
    font-size: 120px;
    margin-top:100px;
    margin-left: 570px;
    font-family: "Bebas Neue", sans-serif;
  }

#FlancersWebsites {
  color: black;
  font-size: 120px;
  margin-top:120px;
  margin-left: 480px;
  font-family: "Bebas Neue", sans-serif;
}

#After {
  color: black;
  background-color: rgb(255, 234, 216);
  opacity: 100%; 
  width:1000px;
  height: 540px;
  font-size: 35px;
  position: absolute;
  margin-top: 0px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#content4 {
  color: black;
  background-color: rgb(255, 11, 85);
  opacity: 100%; 
  width:800px;
  height: 530px;
  font-size: 45px;
  position: absolute;
  margin-top: 8px;
  margin-right: 480px;
  margin-left: 60px;
  float: left;
  font-family: "Bebas Neue", sans-serif;
  padding:4px;
}

#why4 {
  color: black;
  background-color: rgb(255, 11, 85);
  opacity: 100%; 
  width:1000px;
  height: 55px;
  font-size: 45px;
  position: absolute;
  margin-top: 0px;
  margin-left: 400px;
  text-align:center;
  font-family: "Bebas Neue", sans-serif;
}

#List4{
  font-size:30px;
  font-family: "Bebas Neue", sans-serif;
  margin-left:430px;
  margin-top:80px;
  position: absolute;
  z-index:2;
  width:900px;
  background-color: rgb(255, 11, 85); 
}

#GraphicDesignerPic {
  margin-left:1080px;
  margin-top:75px;
}

.webLink {
  color:rgb(52, 105, 154);
}

.webLink:visited {
  color:rgb(52, 105, 154);
}

.webLink:hover {
  color:rgb(52, 105, 154);
}

#comment{
  color: rgb(108, 141, 172);
  font-size: 30px;
  margin-top: 20px;
  margin-left: 420px;
  font-family: "Bebas Neue", sans-serif;
}

table, td, th {
      border: 5px solid black;
      border-collapse: collapse;
      padding: 10px;
      font-size:20px;
      font-weight: bold;
      color: rgb(52, 105, 154) ;
      border-color: rgb(52, 105, 154);
      margin-left:420px;
      margin-top:-45px;
      width:1000px;
}

table td:nth-child(1), table th:nth-child(1) {
  width: 190px;
}

table td:nth-child(2), table th:nth-child(2) {
  width: 180px;
}

table td:nth-child(3), table th:nth-child(3) {
  width: 120px;
}
