textarea {
width: 31vw;
height: 20vw;
color:yellow;
float:left;
padding:0.5vw 1vw;
border:0.1vw solid;
background-color:black;
outline: none;
font-size: 2vw;
}
.save{display:none;}

#pannerhead{
width:31%;
font-size:2vw;
padding:1vw;
float:left;
display:block;
color:yellow;
cursor:pointer;
text-align:center;
border:0.1vw solid;
background-color:#8A4117;
}
input[type="button"]{
width:32.5%;
font-size:2vw;
padding:1%;
color:yellow;
cursor:pointer;
outling:none;
border:0.1vw solid;
background-color:#8A4117;
}
iframe {
width: 99%;
overflow:auto;
min-height: 40vw;
max-height:80vw;
overflow-wrap: anywhere;
background-color:white;
}
.save input[type="text"]{
width:45%;
float:left;
font-size:2.5vw;
padding:0.5vw;
text-align:center;
border:0.1vw solid black;
outline:none;
margin:0 0 0.5vw 0;
}
.save input[type="submit"]{
width:25%;
float:left;
font-size:2.5vw;
padding:0.5vw;
color:yellow;
text-align:center;
border:0.1vw solid black;
margin:0 0 0.5vw 0;
background-color:#8A4117;
}
select{
width:28%;
padding:0.4vw;
font-size:2.5vw;
text-align:center;
border:0.1vw solid black;
margin:0 0 0.5vw 0;
outline:none;
float:left;
}
marquee{
font-size:2vw;
color:white;
}

@media(max-width:800px){
textarea {
height: 40vw;
}
iframe {
width: 99%;
height: 80vw;
}
input[type="button"]{
font-size:3.5vw;
}
.save input[type="text"]{
width:40%;
font-size:4vw;
padding: 0.6vw 0 0.6vw 0;
}
.save input[type="submit"]{
width:25%;
font-size:3.5vw;
padding: 0.6vw 0 0.6vw 0;
}
select{
width:33%;
padding: 0.6vw 0 0.6vw 0;
font-size:3.7vw;
}
marquee{
font-size:4vw;
color:black;
}
}