body {
  background: #ababab;
background: black;
  color: black;
  font-family: Verdana;
 scale: 90%
 
 
}

.resolutionContainer{
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 1920px;

  position: relative;
  overflow: hidden;

  margin: 0 auto;
}

.overlay{

position:absolute;
opacity: 75%;;
border-radius: 10px;
border-color: #0000ff;
}

.page{
  width: 100%;
  height: 100%;

  position: absolute;
  inset: 0;
  
}

.main_Background{
    position: absolute;
    z-index: -2;
}

.homeBtn {
    position: absolute;
    height: 420px;
    width: 140px;
    background-color: #0000ff;
    margin-top: 600px;
    margin-left: 220px;
    animation-name: "mainbuttons";
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.workBtn {
    position: absolute;
    height: 320px;
    width: 110px;
    background-color: #0000ff;
    margin-top: 550px;
    margin-left: 70px;
    opacity: 50%;
    animation-name: "mainbuttons";
     animation-duration: 5s;
    animation-iteration-count: infinite;
}

.blogBtn {
    position: absolute;
    height: 320px;
    width: 110px;
    background-color: #0000ff;
    margin-top: 550px;
    margin-left: 400px;
    opacity: 50%;
    animation-name: "mainbuttons";
     animation-duration: 5s;
    animation-iteration-count: infinite;
}

.text_Block{
    
    position: absolute;
    background-color: white;
    color:Black;
     width:700px;
     height: 1000px;
    margin-left:1100px ;
    margin-top: 100px;
    outline: 10px solid rgba(255, 255, 255, 0.452);
    top:-40px;
  
}

.text_BlockBack{
    position: absolute;
    height: 995px;
    width: 720px;
    background-color: #0000ff;
    margin-top: 80px;
    margin-left: 1100px;
    z-index: -2;
}

.bg_2{

   top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 
 z-index: -1;
 
 overflow: hidden;
}

.gif_location_1{
  
  position: absolute;
  margin-left: 1420px;
  margin-top: 0px;
  scale: 50%;
  z-index: 1;
  }

/*animations*/
@keyframes mainbuttons {
  0% {background-color: #0000ff; top: 20px; box-shadow: 0 0 20px 0px rgba(255, 255, 255, 0.35)}
  50% {background-color: #020294; top: 0px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35)}
  100% {background-color: #0000ff; top: 20px; box-shadow: 0 0 20px 0px rgba(255, 255, 255, 0.35)}
}