* {
  box-sizing: border-box;
}
.framework {
    background-color: rgba(14,14,14,1.00);
}

body {
    font-size: 14px;
    height: 137px;
}
.v0_3 {
  width: 100%;
  height: 2274px;
  background: rgba(176,171,171,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.about_wrapper {
  width: 100%;
  height: 725px;
  background: url("../images/about_wrapper.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 725px;
  left: 0px;
  overflow: hidden;
}
.about {
  width: 100%;
  height: 725px;
  background: rgba(125,125,125,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.back_image {
  width: 455px;
  height: 439px;
  background: rgba(15,17,19,1);
  opacity: 1;
  position: absolute;
  top: 123px;
  left: 189px;
  overflow: hidden;
}
.my_image {
  width: 467px;
  height: 450px;
  background: url( "../images/Gina.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 179px;
  left: 302px;
  overflow: hidden;
}
.hello {
  width: 212px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 134px;
  left: 811px;
  font-family: Holtwood One SC;
  font-weight: Regular;
  font-size: 55px;
  opacity: 1;
  text-align: left;
}
.v9_55 {
  width: 433px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 509px;
  left: 820px;
  font-family: IBM Plex Sans;
  font-weight: Regular;
  font-size: 21px;
  opacity: 1;
  text-align: left;
}
.bar {
  width: 395px;
  height: 14px;
  background: rgba(250,226,5,1);
  opacity: 1;
  position: absolute;
  top: 210px;
  left: 811px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.about_text {
  width: 458px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 249px;
  left: 811px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 36px;
  opacity: 1;
  text-align: left;
}
.link {
  width: 187px;
  height: 31px;
  background: rgba(250,226,5,1);
  opacity: 1;
  position: absolute;
  top: 478px;
  left: 915px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
}
.link_texts {
  width: 169px;
  color: rgba(14,17,19,1);
  position: absolute;
  top: 482px;
  left: 925px;
  font-family: IBM Plex Sans;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.footer {
    width: 100%;
    height: 1131px;
    background: url("../images/footer.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 1450px;
    left: 0px;
    overflow: hidden;
}
.portfolio {
  width: 100%;
  height: 835px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 6px;
  overflow: hidden;
}
.emai_footer {
    width: 318px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 1031px;
    left: 642px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 32px;
    opacity: 1;
    text-align: left;
}
.number_footer {
    width: 324px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 1031px;
    left: 1001px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 25px;
    opacity: 1;
    text-align: left;
}
.work_sub {
  width: 343px;
  color: rgba(250,226,5,1);
  position: absolute;
  top: 63px;
  left: 648px;
  font-family: Holtwood One SC;
  font-weight: Regular;
  font-size: 55px;
  opacity: 1;
  text-align: left;
}
.bar2 {
  width: 395px;
  height: 14px;
  background: rgba(125,125,125,0.25);
  opacity: 1;
  position: absolute;
  top: 139px;
  left: 562px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.image1 {
  width: 187px;
  height: 374px;
  background: url( "../images/image.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 222px;
  left: 469px;
  overflow: hidden;
}
.image2 {
  width: 167px;
  height: 334px;
  background: url( "../images/my.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 242px;
  left: 775px;
  overflow: hidden;
}
.image3 {
  width: 195px;
  height: 390px;
  height: 390px;
  background: url( "../images/foods.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 222px;
  left: 206px;
  overflow: hidden;
}
.image4 {
  width: 203px;
  height: 359px;
  background: url( "../images/img.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 242px;
  left: 1034px;
  overflow: hidden;
}
.name_footer {
    width: 373px;
    color: rgba(41,38,38,1);
    position: absolute;
    top: 1031px;
    left: 278px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 33px;
    opacity: 1;
    text-align: left;
}
.shape1 {
    width: 3px;
    height: 61px;
    background: rgba(15,17,19,1);
    opacity: 1;
    position: absolute;
    top: 1020px;
    left: 623px;
    overflow: hidden;
}
.shape2 {
    width: 3px;
    height: 61px;
    background: rgba(15,17,19,1);
    opacity: 1;
    position: absolute;
    top: 1016px;
    left: 982px;
    overflow: hidden;
}
.header {
  width: 100%;
  height: 725px;
  background: url("../images/header.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.wrapper {
  width: 100%;
  height: 100%;
  background: url("../images/wrapper.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 441px;
  left: 536px;
  overflow: hidden;
}
.navigation {
  width: 100%;
  height: 65px;
  background: rgba(15,17,19,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.my_pic {
    width: 810px;
    height: 672px;
    background: url( "../images/Gina.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 54px;
    left: 443px;
    overflow: hidden;
}
.logo_name {
  width: 200px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 17px;
  left: 292px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 26px;
  opacity: 1;
  text-align: left;
}
.mainText1 {
  width: 327px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 295px;
  left: 279px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 55px;
  opacity: 1;
  text-align: left;
}
.mainText__name {
  width: 827px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 372px;
  left: 278px;
  font-family: Holtwood One SC;
  font-weight: Regular;
  font-size: 55px;
  opacity: 1;
  text-align: left;
}
.nav_logo {
    width: 64px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 13px;
    left: 1213px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}
.nav_portfolio {
    width: 96px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 13px;
    left: 1062px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}
.nav_about {
    width: 96px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 13px;
    left: 947px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}
.home_main {
    width: 96px;
    color: rgba(255,255,255,1);
    position: absolute;
    top: 13px;
    left: 839px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}
.design_frame {
  width: 395px;
  height: 58px;
  background: rgba(250,226,5,1);
  opacity: 1;
  position: absolute;
  top: 473px;
  left: 278px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
}
.v6_34 {
  width: 638px;
  height: 725px;
  background: rgba(14,17,19,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 199px;
  overflow: hidden;
}
.my_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: 16px;
  left: 227px;
  overflow: hidden;
}
.design {
  width: 346px;
  color: rgba(15,17,19,1);
  position: absolute;
  top: 481px;
  left: 306px;
  font-family: Inter;
  font-weight: Bold Italic;
  font-size: 35px;
  opacity: 1;
  text-align: left;
}
.framework .footer iframe {
    top: 670px;
    left: 527px;
    position: absolute;
}