.content{
font-size:2vw;
text-indent:5vw;
padding:1%;
text-align:justify;
}
.subcontent{
font-size:2vw;
text-indent:8vw;
text-align:justify;
}
form{
width:100%;
overflow:hidden;
}
textarea{
width:95.7vw;
padding:2vw;
display:block;
font-size:2vw;
color:white;
border:0.1vw solid;
background-color:black;
}
.code{width:100%;}
#code{
width:99.7vw;
height: fit-content;
display:block;
font-weight:normal;
background-color:white;
border:0.1vw solid;
}
.php-result{
width:98.8;
height: fit-content;
display:block;
padding:0.5vw;
color:black;
font-weight:normal;
background-color:white;
border:0.1vw solid;
}
.title, .tagname{
font-size:2.5vw;
display:block;
padding:1vw 0;
text-align:center;
color:black;
background-color:#00EEFF;
}
.tagname{
font-size:2.5vw;
}
table{
width:100%;
border-spacing: 0 0.1vw;
border-top:0.2vw solid #04AA6D;
border-bottom:0.2vw solid #04AA6D;
}
table tr th:nth-child(1),
table tr th:nth-child(3){width:20%; background-color: #04AA6D;}
table tr th:nth-child(2){width:60%; font-size:2.5vw; background-color:#ddd; color:black;}
table a{
display:block;
text-decoration: none;
font-size:2.5vw;
}
.inlink{display:inline; color:red; font-size:2.5vw;}
.next, .previous{
  color: white;
}
input[type="submit"]{
width:100%;
font-size:2vw;
padding:1%;
color:yellow;
cursor:pointer;
background-color:#CC5295;
}


@media(max-width:800px){
table{border-top:0.5vw solid #04AA6D; border-bottom:0.5vw solid #04AA6D;}
table tr th:nth-child(1),
table tr th:nth-child(3){width:20%;}
table tr th:nth-child(2){width:60%; font-size:5vw;}
table a{
font-size:5vw;
}
.inlink{font-size:5vw;}
.content, .subcontent{
font-size:4.5vw;
}
textarea{
font-size:3.5vw;
}
.title, .tagname{
font-size:4vw;
}
.tagname{
font-size:3.5vw;
}
input[type="submit"]{
font-size:4vw;
}
}