* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.main {
  width: 100%;
  height: 2417px;
  background: rgba(2,28,30,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.footer {
  width: 100%;
  height: 779px;
  background: rgba(0,68,69,1);
  opacity: 1;
  position: absolute;
  top: 1558px;
  left: 0px;
  overflow: hidden;
}
.frame_footer {
  width: 971px;
  height: 315px;
  background: url( "../images/v269_91.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 75px;
  left: 225px;
  overflow: hidden;
}
.t9 {
  width: 898px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 198px;
  left: 271px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 75px;
  opacity: 1;
  text-align: left;
}
.t10 {
  width: 505px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 283px;
  left: 271px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 75px;
  opacity: 1;
  text-align: left;
}
.edu_link {
  width: 503px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 576px;
  left: 225px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.shape_edu {
  width: 298px;
  height: 198px;
  background: rgba(217,217,217,1);
  opacity: 1;
  position: absolute;
  top: 513px;
  left: 816px;
  overflow: hidden;
}
.name {
  width: 187px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 2360px;
  left: 649px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.mid_section {
  width: 100%;
  height: 884px;
  background: rgba(2,28,30,1);
  opacity: 1;
  position: absolute;
  top: 674px;
  left: 0px;
  overflow: hidden;
}
.context1 {
    width: 334px;
    height: 473px;
    background: url("../images/context1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 571px;
    left: 188px;
    overflow: hidden;
}
.context_3 {
  width: 226px;
  color: rgba(111,185,143,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 201px;
  opacity: 1;
  text-align: left;
}
.context_text {
    width: 312px;
    color: rgba(91,153,123,1);
    position: absolute;
    top: 200px;
    left: 0px;
    font-family: Roboto;
    font-weight: Bold;
    font-size: 32px;
    opacity: 1;
    text-align: left;
}
.v250_145 {
  width: 255px;
  height: 86px;
  background: rgba(111,185,143,1);
  opacity: 1;
  position: absolute;
  top: 502px;
  left: 906px;
  overflow: hidden;
}
.context_text2 {
  width: 234px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 531px;
  left: 917px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v268_76 {
  width: 345px;
  height: 324px;
  background: url("../images/v268_76.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 93px;
  left: 188px;
  overflow: hidden;
}
.v250_137 {
  width: 345px;
  height: 324px;
  background: linear-gradient(rgba(0,68,69,1), rgba(0,68,69,0));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.photography_sub {
  width: 182px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 137px;
  left: 12px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.photo_icon {
  width: 102px;
  height: 81px;
  background: url( "../images/camera.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 36px;
  left: 12px;
  overflow: hidden;
}
.photo_text {
  width: 311px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 191px;
  left: 12px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}
.web_class {
  width: 345px;
  height: 324px;
  background: url("../images/web_class.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 93px;
  left: 906px;
  overflow: hidden;
}
.v250_139 {
  width: 345px;
  height: 324px;
  background: linear-gradient(rgba(0,68,69,1), rgba(0,68,69,0));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.web_sub {
  width: 254px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 140px;
  left: 22px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.web_icon {
  width: 106px;
  height: 81px;
  background: url( "../images/web.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 36px;
  left: 22px;
  overflow: hidden;
}
.web_text_sub {
  width: 307px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 191px;
  left: 13px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}
.v268_79 {
  width: 255px;
  height: 86px;
  background: url("../images/v268_79.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 509px;
  left: 548px;
  overflow: hidden;
}
.v250_143 {
  width: 255px;
  height: 86px;
  background: rgba(111,185,143,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.t1 {
  width: 26px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 10px;
  left: 128px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}
.t2 {
  width: 122px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 29px;
  left: 129px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.t3 {
  width: 31px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 48px;
  left: 128px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.t4 {
  width: 102px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 10px;
  left: 26px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 83px;
  opacity: 1;
  text-align: left;
}
.wrap {
  width: 255px;
  height: 74px;
  background: url("../images/wrap.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 658px;
  left: 548px;
  overflow: hidden;
}
.v250_144 {
  width: 255px;
  height: 74px;
  background: rgba(111,185,143,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.t5 {
  width: 154px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 22px;
  left: 87px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 13px;
  opacity: 1;
  text-align: left;
}
.t6 {
  width: 47px;
  color: rgba(2,28,30,1);
  position: absolute;
  top: 4px;
  left: 31px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 83px;
  opacity: 1;
  text-align: left;
}
.v268_77 {
  width: 345px;
  height: 324px;
  background: url("../images/v268_77.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 93px;
  left: 547px;
  overflow: hidden;
}
.logo_design_wrapper {
  width: 345px;
  height: 324px;
  background: linear-gradient(rgba(0,67,68,1), rgba(1,52,53,0));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.t7 {
  width: 168px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 137px;
  left: 9px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.t8 {
  width: 320px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 191px;
  left: 9px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}
.logo_wrapper_logo {
  width: 97px;
  height: 85px;
  background: url( "../images/adobe.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 33px;
  left: 11px;
  overflow: hidden;
}
.v250_184 {
  width: 97px;
  height: 85px;
  background: url("../images/v250_184.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.upper_wrapper {
  width: 100%;
  height: 674px;
  background: rgba(0,0,0,1);
  opacity: 0.8199999928474426;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.back_shape {
  width: 406px;
  height: 728px;
  background: url( "../images/shape.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 35px;
  left: 7px;
  overflow: hidden;
}
.navigational_wrapper {
  width: 100%;
  height: 69px;
  background: rgba(2,28,30,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.nav {
  width: 100%;
  height: 69px;
  background: rgba(44,120,115,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.my_name {
  width: 143px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 21px;
  left: 210px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.various_pages {
  width: 289px;
  height: 28px;
  background: url("../images/various_pages.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 21px;
  left: 940px;
  overflow: hidden;
}
.home {
  width: 51px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 36px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.contact {
  width: 68px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 112px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.portfolio {
  width: 78px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 205px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.my_profile {
  width: 655px;
  height: 877px;
  background: url( "../images/me.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 87px;
  left: 159px;
  overflow: hidden;
}
.my_logo {
  width: 33px;
  height: 36px;
  background: url( "../images/logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 17px;
  left: 164px;
  overflow: hidden;
}
.my_information {
  width: 377px;
  height: 231px;
  background: url("../images/my_information.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 267px;
  left: 810px;
  overflow: hidden;
}
.myName {
  width: 140px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.brief {
  width: 373px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 83px;
  left: 4px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.profession {
  width: 373px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 20px;
  left: 4px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 45px;
  opacity: 1;
  text-align: left;
}
.portfolio_button {
  width: 110px;
  height: 41px;
  background: url( "../images/button.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 190px;
  left: 0px;
  overflow: hidden;
}
.instagram {
  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: 2356px;
  left: 603px;
  overflow: hidden;
}
.v252_7 {
  width: 35px;
  height: 35px;
  background: url("../images/v252_7.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.educa_hyper {
  width: 123px;
  height: 32px;
  background: url( "../images/link.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 2214px;
  left: 225px;
  overflow: hidden;
}
.navigational_wrapper .various_pages .home:link {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .home:visited  {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .home:hover {
    color: #052E2C;
    text-decoration: underline;
}
.navigational_wrapper .various_pages .contact:link  {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .contact:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .contact:hover {
    color: #052E2C;
    text-decoration: underline;
}
.navigational_wrapper .various_pages .portfolio:link {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .portfolio:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.navigational_wrapper .various_pages .portfolio:hover {
    color: #052E2C;
    text-decoration: underline;
}
.my_information a .portfolio_button:hover {
    -webkit-box-shadow: inset 0px 0px #0E3A2D;
    box-shadow: inset 0px 0px #0E3A2D;


}