* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.main_frame {
  width: 100%;
  height: 892px;
  background: rgba(1,9,34,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.background {
    width: 100%;
    height: 903px;
    background-image: url( "../images/v230_87.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 11px;
    left: 21px;
    overflow: hidden;
    background-color: rgba(1,9,34,1.00);
}
.main_color a .home:link  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .home:visited {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .home:hover {
    color: rgba(107,197,248,1.00);
    text-decoration: underline;
}



.nav_bar {
  width: 100%;
  height: 82px;
  background: rgba(217,217,217,0.09000000357627869);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.logo_name {
  width: 123px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 27px;
  left: 259px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.logo {
  width: 53px;
  height: 37px;
  background: url("../images/logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 23px;
  left: 188px;
  overflow: hidden;
}
.home {
  width: 51px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 27px;
  left: 948px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.conatct {
  width: 68px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 27px;
  left: 1053px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.main_color a .conatct:link {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .portfolio:link {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .portfolio:visited {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .portfolio:hover {
    color: rgba(107,197,248,1.00);
    text-decoration: underline;
}



.main_color a .conatct:visited {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.main_color a .conatct:hover {
    color: rgba(107,197,248,1.00);
    text-decoration: underline;
}



.portfolio {
  width: 78px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 27px;
  left: 1175px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.main_ contact {
  width: 222px;
  color: rgba(107,197,248,1);
  position: absolute;
  top: 185px;
  left: 609px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 60px;
  opacity: 1;
  text-align: left;
}
.footer_name {
  width: 148px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 775px;
  left: 454px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.email {
  width: 245px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 775px;
  left: 842px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v224_42 {
  width: 3px;
  height: 39px;
  background: rgba(217,217,217,1);
  opacity: 1;
  position: absolute;
  top: 769px;
  left: 618px;
  overflow: hidden;
}
.v224_43 {
  width: 3px;
  height: 39px;
  background: rgba(217,217,217,1);
  opacity: 1;
  position: absolute;
  top: 769px;
  left: 823px;
  overflow: hidden;
}
.testFrame {
  width: 855px;
  height: 246px;
  background: url( "../images/frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 290px;
  left: 321px;
  overflow: hidden;
}
.loc {
  width: 374px;
  color: rgba(1,9,34,1);
  position: absolute;
  top: 332px;
  left: 551px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 31px;
  opacity: 1;
  text-align: left;
}
.email_2 {
  width: 316px;
  color: rgba(1,9,34,1);
  position: absolute;
  top: 404px;
  left: 580px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 31px;
  opacity: 1;
  text-align: left;
}
.numb {
  width: 175px;
  color: rgba(1,9,34,1);
  position: absolute;
  top: 476px;
  left: 633px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 31px;
  opacity: 1;
  text-align: left;
}
.twitter {
  width: 42px;
  height: 34px;
  background: url( "../images/twitter.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 775px;
  left: 695px;
  overflow: hidden;
}
.v229_129 {
  width: 42px;
  height: 34px;
  background: url("../images/v229_129.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.insta {
  width: 35px;
  height: 35px;
  background: url("../images/insta.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 775px;
  left: 760px;
  overflow: hidden;
}
.v229_131 {
  width: 35px;
  height: 35px;
  background: url("../images/v229_131.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.about_icon {
  width: 330px;
  height: 337px;
  background: url( "../images/icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 277px;
  left: 207px;
  overflow: hidden;
}
.linked {
  width: 30px;
  height: 30px;
  background: url( );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 777px;
  left: 644px;
  overflow: hidden;
}
.main_color {
    background-color: #175B82;
}