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;
left:1vw;
width:98vw;
height:46.5vw;
border:none;
}
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:90.6vw;
height:5vw;
border:0.1vw solid black;
border-radius:0.4vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 0.5vw rgba(0,128,255,1);
}
h1{	
position:absolute;	
border:none;	
left:9.5vw;
width:47vw;
top:0.2vw;
height:4.5vw;
background:rgba(255,255,255,0);
font-size:4vw;
letter-spacing:0.8vw;
}
h2{	
position:absolute;		
left:62vw;
width:11vw;
top:0vw;
height:2.3vw;
background:rgba(255,255,255,0);
font-size:2.4vw;
border:none;
}
h3{	
position:absolute;		
left:68vw;
width:17.4vw;
top:2.1vw;
height:2.1vw;
background:rgba(255,255,255,0);
font-size:2.0vw;
border:none;
}
#logo{
position:absolute;
top:0vw;
right:0vw;
width:5vw;
height:5vw;
border:0.1vw solid black;
border-radius:0.4vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 0.5vw rgba(0,128,255,1);
}
#pic{
position:absolute;
top:0.5vw;
left:0.5vw;
width:4vw;
height:4vw;
}
#mainpage{
position:absolute;
border:0.1vw solid black;
border-radius:0.4vw;
left:0vw;
right:0vw;
top:5.3vw;
height:39.3vw;
background:rgba(210,230,255,0.2);
box-shadow:inset 0 0 0.5vw rgba(0,128,255,1);
font-size:5vw;
text-align:center;
text-decoration: none;
}



#text{
position:absolute;
top:2vw;
left:5vw;
right:5vw;
height:2.5vw;
font-size:1.5vw;
font-weight: bold;
border-bottom:0.3vw double black ;
}
#input{
position:absolute;
top:6vw;
height:32vw;
left:1vw;
width:25vw;
border:0.1vw solid black;
border-radius:0.4vw;	
}
#text_message{
position:absolute;
left:2vw;
right:2vw;
top:21vw;
height:3vw;
border:0.1vw solid black;
border-radius:0.4vw;
box-shadow:0 0 0.5vw rgba(0,70,150,0.9);
background-color:white;
font-size:1.5vw;
text-align:center;
}
#text_message:hover{
background-color:rgba(255,0,0,0.1);
cursor: pointer;
}


#to_main_but{
position:absolute;	
top:10vw;
left:6.5vw;
height:2.5vw;	
width:12vw;
border:0.1vw solid black;
border-radius:0.4vw;
text-align:center;
font-style:oblique;
font-weight:bold;
font-size:1.5vw;
box-shadow:inset 0 0 0.5vw rgba(0,70,150,0.9);
}
#to_main_but:hover{
background-color:rgba(255,0,0,0.1);
cursor: pointer;
}



#add_button{
position:absolute;	
top:28vw;
left:6.5vw;
height:2.5vw;	
width:12vw;
border:0.1vw solid black;
border-radius:0.4vw;
text-align:center;
font-style:oblique;
font-weight:bold;
font-size:1.5vw;
box-shadow:inset 0 0 0.5vw rgba(0,70,150,0.9);
}
#add_button:hover{
background-color:rgba(255,0,0,0.1);
cursor: pointer;
}

#output{
position:absolute;
top:6vw;
height:32vw;
left:27vw;
width:67.7vw;
border:0.1vw solid black;
border-radius:0.4vw;
font-size:1vw;
}
#text_1{
position:absolute;
left:6vw;
top:1vw; 
width:54vw;
height:12vw;
border:none;
font:italic sans-serif;
font-size:1.9vw;
font-weight: normal;
text-align: center;
vertical-align:middle;
}
#show{
border:none;
background:none;
box-shadow:none;
}
#show:hover{
color:rgba(255,0,0);
cursor: pointer;