* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.mainFrame {
  width: 100%;
  height: 750px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.background {
  width: 100%;
  height: 750px;
  background: rgba(125,125,125,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.navigation_wrapper {
    width: 100%;
    height: 65px;
    background: rgba(15,17,19,1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
.shape  {
  width: 799px;
  height: 734px;
  background: rgba(14,17,19,1);
  opacity: 1;
  position: absolute;
  top: 16px;
  left: 641px;
  overflow: hidden;
}
.logo_name2 {
  width: 200px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 6px;
  left: 275px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 26px;
  opacity: 1;
  text-align: left;
}
.logo2 {
    width: 64px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 16px;
    left: 1010px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}
.portfolio2 {
  width: 96px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 16px;
  left: 998px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.contact2 {
  width: 87px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 16px;
  left: 1118px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.logo {
  width: 34px;
  height: 34px;
  background: url("../images/logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 210px;
  overflow: hidden;
}
.contact_page {
  width: 425px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 285px;
  left: 90px;
  font-family: Holtwood One SC;
  font-weight: Regular;
  font-size: 77px;
  opacity: 1;
  text-align: left;
}
.me {
    width: 137px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 377px;
    left: 91px;
    font-family: Holtwood One SC;
    font-weight: Regular;
    font-size: 77px;
    opacity: 1;
    text-align: left;
}
.my_name2 {
  width: 586px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 318px;
  left: 805px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 49px;
  opacity: 1;
  text-align: left;
}
.email_contact {
  width: 318px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 393px;
  left: 882px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.number_contact {
  width: 324px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 468px;
  left: 917px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 38px;
  opacity: 1;
  text-align: left;
}