* {
    box-sizing: border-box;
    left: 65px;
}
.twitter4 .main_class .nav_items {
    left: 236px;
}

body {
  font-size: 14px;
}
.twitter4 {
  width: 100%;
  height: 1941px;
  background: rgba(1,9,34,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v230_87 {
  width: 100%;
  height: 100%;
  background: url("../images/v230_87.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 3px;
  left: 21px;
  overflow: hidden;
}
.mid_section {
  width: 100%;
  height: 553px;
  background: url("../images/mid_section.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 674px;
  left: 0px;
  overflow: hidden;
}
.lap_icon {
  width: 500px;
  height: 500px;
  background: url( );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 69px;
  left: 119px;
  overflow: hidden;
}
.text_wrapper {
  width: 492px;
  height: 270px;
  background: url("../images/text_wrapper.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 11px;
  opacity: 1;
  position: absolute;
  top: 129px;
  left: 746px;
  overflow: hidden;
}
.about_me {
  width: 267px;
  color: rgba(107,197,248,1);
  position: absolute;
  top: 0px;
  left: 112px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 60px;
  opacity: 1;
  text-align: left;
}
.context {
  width: 492px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 77px;
  left: 0px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.laptop_icon {
  width: 480px;
  height: 509px;
  background: url( "../images/laptop.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  left: 237px;
  overflow: hidden;
}
.footer_section {
  width: 100%;
  height: 697px;
  background: url("../images/footer_section.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1244px;
  left: 0px;
  overflow: hidden;
}
.footer_name {
  width: 148px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 437px;
  left: 453px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.insta4 {
  width: 245px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 437px;
  left: 841px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.insta5 {
  width: 3px;
  height: 39px;
  background: rgba(217,217,217,1);
  opacity: 1;
  position: absolute;
  top: 431px;
  left: 617px;
  overflow: hidden;
}
.insta6 {
  width: 3px;
  height: 39px;
  background: rgba(217,217,217,1);
  opacity: 1;
  position: absolute;
  top: 431px;
  left: 822px;
  overflow: hidden;
}
.twitter_logo {
  width: 42px;
  height: 34px;
  background: url("../images/twitter_logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 437px;
  left: 694px;
  overflow: hidden;
}
.tweet {
  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: 0px;
  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: 437px;
  left: 759px;
  overflow: hidden;
}
.v230_84 {
  width: 35px;
  height: 35px;
  background: url("../images/v230_84.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.linkedin {
  width: 30px;
  height: 30px;
  background: url( "../images/linked.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 439px;
  left: 643px;
  overflow: hidden;
}
.link_info {
  width: 180px;
  color: rgba(107,197,248,1);
  position: absolute;
  top: 84px;
  left: 493px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 60px;
  opacity: 1;
  text-align: left;
}
.link_infomation {
  width: 492px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 196px;
  left: 337px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.link_profile {
  width: 291px;
  height: 215px;
  background: rgba(107,197,248,1);
  padding: 10px 10px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 64px;
  left: 889px;
  overflow: hidden;
}
.footer_section a .link_profile {
    top: 0px;
    left: 887px;
    height: 230px;
    width: 339px;
}

.computer_icon {
  width: 149px;
  height: 158px;
  background: url( "../images/comp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 38px;
  left: 334px;
  overflow: hidden;
}
.main_class {
  width: 100%;
  height: 654px;
  background: url("../images/main_class.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 3px;
  left: 0px;
  overflow: hidden;
}
.upper_section {
  width: 100%;
  height: 82px;
  background: rgba(217,217,217,0.09000000357627869);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.button_main3 {
    width: 127px;
    height: 45px;
    background: url( "../images/button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 546px;
    left: 253px;
    overflow: hidden;
}

.off_name {
    width: 123px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 27px;
    left: 125px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}
.button_main2 {
    width: 127px;
    height: 45px;
    background: url( "../images/button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 546px;
    left: 504px;
    overflow: hidden;
}

.off_name {
    width: 123px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 27px;
    left: 322px;
    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: 259px;
    overflow: hidden;
}
.home {
    width: 51px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 27px;
    left: 945px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}
.nav_items a .home:link {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.nav_items a .home:visited {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.nav_items a .home:hover {
    text-decoration: underline;
    color: rgba(126,212,248,1.00);
}
.nav_items a .contact:link  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.nav_items a .contact:visited  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.nav_items a .contact:hover {
    text-decoration: underline;
    color: rgba(126,212,248,1.00);
}
.nav_items a .portfolio:link  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.twitter4 .main_class .button1:link {
    color: rgba(255,255,255,1.00);
}
.main_class a .button2:link {
    color: rgba(255,255,255,1.00);
}


.nav_items a .portfolio:visited  {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.nav_items a .portfolio:hover  {
    color: rgba(126,212,248,1.00);
    text-decoration: underline;
}









.contact {
    width: 68px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 27px;
    left: 1056px;
    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: 27px;
    left: 1173px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}
.text1 {
    width: 104px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 254px;
    left: 266px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 31px;
    opacity: 1;
    text-align: left;
}
.info_name  {
    width: 505px;
    color: rgba(107,197,248,1);
    position: absolute;
    top: 304px;
    left: 253px;
    font-family: Outfit;
    font-weight: Bold;
    font-size: 60px;
    opacity: 1;
    text-align: left;
}
.job {
    width: 294px;
    color: rgba(128,128,215,1);
    position: absolute;
    top: 379px;
    left: 253px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 31px;
    opacity: 1;
    text-align: left;
}
.deatails {
    width: 514px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 443px;
    left: 253px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 19px;
    opacity: 1;
    text-align: left;
}
.button1 {
    width: 57px;
    color: rgba(1,9,34,1);
    position: absolute;
    top: 557px;
    left: 279px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}
.button2 {
    width: 70px;
    color: rgba(1,9,34,1);
    position: absolute;
    top: 556px;
    left: 532px;
    font-family: Roboto;
    font-weight: Regular;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}
.profile {
    width: 470px;
    height: 452px;
    background: url( "../images/me.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 178px;
    left: 840px;
    overflow: hidden;
}
.twitter4 .main_class .button_main {
    background-image: url(../images/button.png);
}