article
{
display : inline-block;
border : 3px outset grey;
border-radius : 8px;
width : 720px;
background-color : white;
vertical-align : top;
margin-left : 20px;
padding : 10px 10px 30px 15px;
color : black;
text-align : center;
overflow : auto;
height : 830px;
}

article h1
{
font-size : 25px;
color : red;
text-align : center;
font-weight : bold;
text-shadow : 0 0 2px black;
}

article h3,article p
{
font-style : italic;
color : black;
font-weight : bold;
padding : 10px 15px 0px 15px;
}

article a
{
text-decoration : none;
}

#NB
{
padding-top : 10px;
}

p .NB
{
color : red;
text-decoration : underline;
font-size : 23px;

}

#gmail
{
border : inset 2px black;
border-radius : 5px;
font-size : 23px;
background-color : grey;
margin-left : 10px;
margin-top : 10px;
padding : 3px; 
color : white;
font-weight : bold;
-webkit-transition-property : margin-top, margin-left;
-webkit-transition-duration : 600ms;
-webkit-transition-delay : 70ms;
-moz-transition-property : margin-top, margin-left;
-moz-transition-duration : 600ms;
-moz-transition-delay : 70ms;
padding-bottom : 8px;
padding-right : 6px;
padding-top : 5px;
margin-bottom : 5px;
}

#gmail:hover
{
margin-top : 30px;
margin-left : 65px;
}

#note
{
text-align : center;
padding : 10px;
font-size : 21px;
font-weight : bold;
width : 400px;
display : inline-block;
vertical-align : top;
}

#search
{
display : inline-block;
opacity : 0.2;
}


}