body 
{
   background-color: #E0FFFF;
   background-size: cover;
   font-smoothing: antialiased;
   text-align: center;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 1.5s; /* Firefox < 16 */
   -ms-animation: fadein 1.5s; /* Internet Explorer */
   -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

@keyframes fadein 
{
    from { opacity: 0; transform: translateY(10em); }
    to   { opacity: 1; transform: translateY(0em);}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; transform: translateY(10em); }
    to   { opacity: 1; transform: translateY(0em);}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; transform: translateY(10em); }
    to   { opacity: 1; transform: translateY(0em);}
} 
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; transform: translateY(10em); }
    to   { opacity: 1; transform: translateY(0em);}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; transform: translateY(10em); }
    to   { opacity: 1; transform: translateY(0em);}
}

.bold 
{
   font-family: "Times New Roman", Times, serif;
}

#bio 
{
   line-height: 25px;
   color: white;
   margin-top: 2%;
   position: relative;
  font-family: "Times New Roman", Times, serif;
   font-size: 23px;
}

#prof
{
   width: 15em;
   height: 15em;
   border-radius: 50%;
}

#miniprof
{
   width: 4em;
   height: 4em;
   border-radius: 50%;
}

#name
{
   line-height: 1.6;
   color: black;
   margin-top 2%;
   position: center;
   font-family: "Times New Roman", Times, serif;
   font-size: 35px;
}

a:visited 
{
   
   : #800080;
}

img 
{
   -webkit-transition: -webkit-transform 0.2s;
   -moz-transition: -moz-transform 0.2s;
   -o-transition: -o-transform 0.2s;
   -ms-transition: -ms-transform 0.2s;
   transition: transform 0.2s;
   cursor: pointer;
}

img:hover 
{
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1)
}

a 
{
   text-decoration: none;
   color: black;
   font-size: 20px;
   position: relative;
   margin-top: 0%;

   display: inline-block;
   -webkit-transition: -webkit-transform 0.2s;
   -moz-transition: -moz-transform 0.2s;
   -o-transition: -o-transform 0.2s;
   -ms-transition: -ms-transform 0.2s;
   transition: transform 0.2s;
   cursor: pointer;
}

a:hover 
{
   text-decoration: bold;
   color: red;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1)
}

p 
{
  font-weight: 500;
}