#shadow{
    overflow:scroll;
    background:#ccc;
}
#FullScreen{
    content:'FullScreen';
    display:block;
    padding:5px 10px;
    background:rgba(204, 204, 204, 0.197);
    color:rgba(0, 0, 0, 0.551);
    z-index: 10;
    position: absolute;
    top:5px;
    right: 5px;
    cursor: pointer;
    user-select: none;
}
#FullScreen:hover{
    background:#ccc;
    color:black;
}
#FullScreen:active{
    background:#aaa;
}
::-webkit-scrollbar{
    width:0px;
}
*{
    margin:0;
    padding:0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
body{
    overflow: hidden;
    background-color: #03e9f4;
    display:grid;   
    grid-template-columns: 1fr 2fr;
    justify-content: stretch;
}
.forms{
    margin-top:2px;
    height: calc(100vh);    
    width: calc(100% - 4px);
    display:grid;
    margin-left:2px;
    grid-template-rows: 10fr 10fr 10fr;
}
form label{
    display:block;
    position: relative;
    background:linear-gradient(#0a1d27d7,#091921,#091921c9);
    padding:2px 5px;
    color:white;
    font-size:18px;
    letter-spacing: 2px;
}   
form label .name{
    cursor: pointer;
}
form label .btn{
    font-size:16px;
    position: absolute;
    top:0;
    right: 0px;
    box-sizing: border-box;
    border:1px solid #03e9f4;
    padding:3px 5px;
    color:#03e9f4;
    letter-spacing: 1px;
    cursor: pointer;
    user-select: none;
}
label .btn:hover{
    background:#03e9f4;
    color:black;
}
label .btn:active{
    opacity: .7;
}
textarea{   
    outline:none;
    resize:none;    
    box-sizing: border-box;
    transition: .3s;
    background:rgb(57, 57, 57);
    color:rgb(220, 216, 216);
    padding: 5px 5px 3px 5px;
    border:3px solid #063036;
    font-size:.8em;
    width: 100%;
    height: calc(100% - 30px);
}
@media(max-width:750px){
body{
    grid-template-columns: 1fr;
}
.forms{
   -webkit-user-drag: auto;
   overflow: hidden;
   position: absolute;
   right:-95%;

}
#FullScreen{
    left:50%;
    transform:translateX(-25%);
}
}