.websiteBody{
    margin: 0;
  }
  .Page{
    display:block;
    margin:auto;
    width:100%;
    height:auto;

  }
  .Page-outer{

    z-index:1;
  }
  .Frame{
    position:relative;
    z-index:2;

    width:100%;
    margin-left:0;
    /*height:896px;*/
    height:730px;
    min-width:200px;
    max-width:414px;
    margin:auto;
    background: linear-gradient(180deg, #FFF2CC -3.0616171314629196e-15, #FFFFFF 99.99999999999999%);
    /*overflow:hidden;*/
  }
  .Frame-outer{

    z-index:2;
  }

  .pngwing-1{
    position:relative;
    z-index:21;
    margin-left:20px;
    width:355px;
  
    margin-top:1px;

   
    top:10px;
    bottom:0;
   /* filter:drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);*/
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .pngwing-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .pngwing-1-1{
    position:relative;
    z-index:22;

    margin-left: -5px;
    width:400px;
    height:250px;
    margin-top:-35px;
      /*content:url(assets/images/pngwing_1.png);*/
  }
 
  
  .img-1{
    position:relative;
    z-index:22;

    margin-left: 10px;
    left: 20px;
    width:250px;
    /*height: 450px;*/
   /* min-width:153px;*/
    height:120px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:460px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .img-2{
    position:relative;
    z-index:22;
    margin-left: 10px;
    left: 20px;
    width:60px;
    /*height: 450px;*/
   /* min-width:153px;*/
    height:60px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:460px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-2-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-2-2{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .img-3{
    position:relative;
    z-index:22;

    margin-left: 60px;
    left: 20px;
    width:60px;
    /*height: 450px;*/
   /* min-width:153px;*/
    height:60px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:270px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-3-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-3-3{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .img-4{
    position:relative;
    z-index:22;

    margin-left: 110px;
    left: 20px;
    width:60px;
    /*height: 450px;*/
   /* min-width:153px;*/
    height:60px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:78px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-4-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-4-4{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }


.btn1 {
  margin-left: 120px;
  background-color: #FF4000;
  color: #FFFFFF;
  font-weight: bold;
  margin-top:320px;
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:50px;
  width:150px;
  font-family: Inter;

  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn1:focus {
  box-shadow: hsl(11, 100%, 55%) 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #eae4ca 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn1:active {
  box-shadow: hsl(15, 100%, 55%) 0 3px 7px inset;
  transform: translateY(2px);
}

.btn2 {
  margin-left:120px;
  background-color: #FF4000;
  margin-top:-930px;
  color: #FFFFFF;
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:50px;
  width:150px;
  font-family: Inter;
  font-weight: bold;
  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn2:focus {
  box-shadow: hsl(11, 100%, 55%) 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn2:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #eae4ca 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn2:active {
  box-shadow: hsl(15, 100%, 55%) 0 3px 7px inset;
  transform: translateY(2px);
}

.btn3 {
  margin-left:120px;
  background-color: #FF4000;
  color: #FFFFFF;
  /*margin-top:-930px;*/
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:50px;
  width:150px;
  font-family: Inter;
  font-weight: bold;
  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn3:focus {
  box-shadow: hsl(11, 100%, 55%) 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn3:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #eae4ca 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn3:active {
  box-shadow: hsl(15, 100%, 55%) 0 3px 7px inset;
  transform: translateY(2px);
}


.power1 {
  margin-left: -110px;
  margin-top:100px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}

.powerlogin {
  margin-left: 0px;
  margin-top:400px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}

.power2 {
  margin-left: 0px;
  margin-top:-90px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}

.power3 {
  margin-left: -90px;
  margin-top:50px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}

.power4 {
  margin-left: 0;

  margin-top:-50px;
  height:90px;
  width: 414px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}