html,
body {
padding: 0;
margin: 0;
background:transparent;
font-family: 'Comfortaa', cursive;
color: #5c3059;

}
.pics{
    padding:10px;
    margin:15px;
    
}
.pic{
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);     

}
object {
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.75);     

}
.letter{
    padding-top: 15px;
}
a.button
{
	text-decoration: none;
    color: #5c3059;
}
a.button:hover {
    
   text-decoration: none;
   color: red;
   text-shadow: 0 2px 4px #000;
   
}
#par {
    text-align: justify;
    margin-right: auto;
    margin-left: auto;
    width:90%;
    padding:15px;
}

input,textarea {
border-radius:10px;
}
input{
    text-align:center; 
}
input:hover, textarea:hover, input:focus, textarea:focus  {
box-shadow: 0 0 5px #5c3059;
-webkit-box-shadow: 0 0 5px #5c3059; 
-moz-box-shadow: 0 0 5px #5c3059; 
-o-box-shadow: 0 0 5px #5c3059; 
-ms-box-shadow: 0 0 5px #5c3059; 
}

div,img,table {
    
   -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}

/*@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
/*
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
/*
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
/*
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
/*
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​