.div1{
  height:275px;
  max-width:100%;
  background: linear-gradient(#000000);
  text-align: center;
  border: 2px solid grey;
}
.h11{
  font-size:8vw;
 max-width: 100%;
 color:white;
}
.forl{
  font-size:4vw;
 max-width: 100%;
}
.footer{
  height:100px;
  width:100%;
  background:black;
  text-align:center;
  line-height:100px;
  border: 2px solid grey;
}
.p1{
  color:white;
}
.principal{
display:flex;
flex-direction:column;
}
.Btn1{
width:254px;
height:50px;
background:black;
color:white;
}
.Btn2{
width:254px;
height:50px;
background:black;
color:white;
visibility: hidden;
}
.Btn12{
width:254px;
height:50px;
background-image: linear-gradient(#00D4FF,#FF0088);
color:white;
}
.meuCanvas{
width:250px;
height:250px;
border:solid 2px black;
}
.Upload{
width:250px;
height:25px;
border:solid 2px black;
text-align:center;
color:white;
background:black;
}
.RESP1{

    width:100%;
    height:120px;

    background:#0d0d0d;

    color:#00D4FF;

    border:2px solid #FF0088;

    border-radius:10px;

    padding:10px;

    box-sizing:border-box;

    overflow:auto;

    white-space:pre;

    font-family:Consolas, monospace;

    font-size:13px;

    box-shadow:
        0 0 10px #00D4FF,
        0 0 20px #FF0088 inset;
visibility: hidden;
}

.inp1{
width:250px;
height:25px;
}