@font-face {
    font-family:"VCR";
    src: url(../assets/VCR_OSD_MONO_1.001.ttf);
}
body{
    background-color:rgb(255, 248, 221);
    font-family:"VCR";
    font-size: x-large;
    margin-left: 25px;
    margin-right: 75px;
    padding:10%;
  cursor: crosshair;
}

.box1{
  background-color:rgba(255, 255, 255, 0);
  width: 1000px;
  height:700px;
  margin-left:auto;
  margin-right:auto;
  border: rgb(192, 163, 0) 10px inset;
  gap: 20px; 
  box-sizing: border-box;
  display: flex;

}
.box1 img {
    object-fit:fill;
    width: 300px;
    height: 300px;
}

.box1 img{
width: 100%;
height: 100%;
}

.textbox{
  color:rgb(85, 40, 0);
  background-color:rgb(255, 236, 127);
  width: 1000px;
  height:300px;
  margin-left:auto;
  margin-right:auto;
  border: rgb(192, 163, 0) 10px inset;
  gap:20px; 
  box-sizing: border-box;
  display:flex;
  padding:10px;
  padding-top: 15px;
  text-align: justify;
}

a{
    color:rgb(85, 40, 0)
}
a:hover{
    color:rgb(255, 85, 0)
}

a:active{
    color:rgb(0, 255, 229)
}

.button{
  color:rgb(192, 163, 0);
  background-color:rgb(255, 236, 127);
  width: 355px;
  height: 90px;
  border: rgb(192, 163, 0) 5px inset;
  box-sizing: border-box;
  display:flex;
  padding-left: 12px;
  padding-top: 12px;
  text-align: left;
}

.source{
  background-color:rgba(255, 236, 127, 0);
  width: 1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  padding-top: 15px;
  text-align: justify;
}

.button-box{
  background-color:rgba(255, 236, 127, 0);
  width: 1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  padding-top: 15px;
  text-align: justify;
  gap:10px;
}

/*@media screen and (max-width:720px) and (min-width:480px){
  .box1{
    background-color:rgba(255, 0, 0, 0);
    width:calc(100% - 2.6rem);
    height:26rem;
  }
}

@media screen and (max-width:720px) and (min-width:480px){
  .textbox{
    background-color:rgba(255, 0, 0, 0);
    width:calc(100% - 2.6rem);
    height:26rem;
  }

}

@media screen and (max-width:720px) and (min-width:480px){
  .button{
    background-color:rgba(255, 0, 0, 0);
    width:calc(100% - 2.6rem);
    height:26rem;
  }
}

@media screen and (max-width:720px) and (min-width:480px){
  .source{
    background-color:rgba(255, 0, 0, 0);
    width:calc(100% - 2.6rem);
    height:26rem;
  }
}

@media screen and (max-width:720px) and (min-width:480px){
  .button-box{
    background-color:rgba(255, 0, 0, 0);
    width:calc(100% - 2.6rem);
    height:26rem;
  }
}