html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:0;
font:inherit;
vertical-align:baseline;
border-radius:0;
}
html{
position:absolute;
top:0vw;
bottom:0vw;
left:0vw;
right:0vw;	
}
body{
position:absolute;
top:1vw;
bottom:1vw;
left:1vw;
right:1vw;
font-family:sans-serif;
font-style:oblique;
font-weight: bold;
}
#header{
position:absolute;
top:0vw;
left:0vw;
width:87.4vw;
height:10vw;
border:0.1vw solid black;
border-radius:0.8vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
}
h1{	
position:absolute;	
border:none;	
left:2.5vw;
width:61vw;
top:1vw;
height:7.9vw;
background:rgba(255,255,255,0);
font-size:7vw;
}
h2{	
position:absolute;		
left:65vw;
width:16.4vw;
top:0.9vw;
height:4vw;
background:rgba(255,255,255,0);
font-size:4vw;
}
h3{	
position:absolute;		
left:65vw;
width:19.6vw;
top:5vw;
height:4vw;
background:rgba(255,255,255,0);
font-size:2.6vw;
}
#logo{
position:absolute;
top:0vw;
right:0vw;
width:10vw;
height:10vw;
border:0.1vw solid black;
border-radius:0.8vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
}
#pic{
position:absolute;
top:1vw;
left:1vw;
width:8vw;
height:8vw;
}
#mainpage{
position:absolute;
border:0.1vw solid black;
border-radius:0.8vw;
left:0vw;
right:0vw;
top:10.4vw;
height:174vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 1vw rgba(0,128,255,1);
font-size:5vw;
text-align:center;
text-decoration: none;
}



#text{
position:absolute;
left:5vw;
right:5vw;
top:4vw;
height:7vw;
border:none;
font-size:3.5vw;
}
#output{
position:absolute;
left:3vw;
right:3vw;
top:11vw;
height:125vw;
border:0.1vw solid black;
border-radius:0.8vw;
box-shadow:0 0 1vw rgba(0,70,150,0.9);
background-color:white;
text-align:center;
font-style:oblique;
font-size:3.8vw;
}
#text_1{
position:absolute;
left:5vw;
right:5vw;
top:25vw;
height:23vw;
border:none;
font-size:3.5vw;
vertical-align:middle;
}
#show{
border:none;
background:none;
box-shadow:none;
}
#num{
text-align: center;
border-bottom:0.6vw double black ;
width:10vw;	
}
#post{
text-align: left;
border-bottom:0.6vw double black ;
width:80vw;		
}


#input{
position:absolute;
left:3vw;
right:3vw;
top:142vw;
height:20vw;
border:none;
}
button{
height:6vw;	
width:28vw;
border:0.1vw solid black;
border-radius:0.8vw;
text-align:center;
font-style:oblique;
font-weight:bold;
font-size:3vw;
box-shadow:inset 0 0 1vw rgba(0,70,150,0.9);
}
#text_message{
position:absolute;
left:0vw;
right:0vw;
top:1vw;
height:6vw;
border:0.1vw solid black;
border-radius:0.8vw;
box-shadow:0 0 1vw rgba(0,70,150,0.9);
background-color:white;
text-align:center;
}
#to_main_but{
position:absolute;
left:11vw;
top:12vw;
}
#add_button{
position:absolute;
right:10vw;
top:12vw;
}