* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.v250_190 {
  width: 100%;
  height: 1129px;
  background: rgba(0,68,69,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v250_191 {
  width: 100%;
  height: 69px;
  background: rgba(2,28,30,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.nav_bar {
  width: 100%;
  height: 69px;
  background: rgba(44,120,115,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.myName {
  width: 143px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 21px;
  left: 226px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.nav_component {
  width: 305px;
  height: 28px;
  background: url("../images/nav_component.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 21px;
  left: 897px;
  overflow: hidden;
}
.home {
  width: 51px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 110px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.contract {
  width: 68px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 186px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.port {
  width: 78px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 279px;
  font-family: Roboto;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.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: 179px;
  overflow: hidden;
}
.main_text {
  width: 259px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 165px;
  left: 191px;
  font-family: Outfit;
  font-weight: Bold;
  font-size: 45px;
  opacity: 1;
  text-align: left;
}
.effect {
  width: 795px;
  height: 2px;
  background: rgba(111,185,143,1);
  opacity: 1;
  position: absolute;
  top: 197px;
  left: 458px;
  overflow: hidden;
}
.image1 {
  width: 255px;
  height: 255px;
  background: url( "../images/image1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 314px;
  left: 153px;
  overflow: hidden;
}
.image3 {
  width: 255px;
  height: 255px;
  background: url( "../images/3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 314px;
  left: 711px;
  overflow: hidden;
}
.image5 {
  width: 255px;
  height: 255px;
  background: url( "../images/image5.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 622px;
  left: 250px;
  overflow: hidden;
}
.image6 {
  width: 255px;
  height: 255px;
  background: url( "../images/image6.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 622px;
  left: 633px;
  overflow: hidden;
}
.image7 {
  width: 255px;
  height: 255px;
  background: url( "../images/image7.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 622px;
  left: 966px;
  overflow: hidden;
}
.image4 {
  width: 255px;
  height: 255px;
  background: url( "../images/image4.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 308px;
  left: 998px;
  overflow: hidden;
}
.image2 {
  width: 255px;
  height: 255px;
  background: url( "../images/image2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 314px;
  left: 441px;
  overflow: hidden;
}
.footer {
  width: 100%;
  height: 93px;
  background: rgba(2,28,30,1);
  opacity: 1;
  position: absolute;
  top: 1036px;
  left: 0px;
  overflow: hidden;
}
.my_nameFooter {
  width: 187px;
  color: rgba(91,153,123,1);
  position: absolute;
  top: 1052px;
  left: 649px;
  font-family: Roboto;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.instagram_icon {
  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: 1048px;
  left: 603px;
  overflow: hidden;
}
.v252_16 {
  width: 35px;
  height: 35px;
  background: url("../images/v252_16.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}