/*/* For raleway font family BEGINS*/
/*// <uniquifier>: Use a unique and descriptive class name*/
/*// <weight>: Use a value from 100 to 900*/
/*.raleway-<uniquifier> {*/
/*  font-family: "Raleway", sans-serif;*/
/*  font-optical-sizing: auto;*/
/*  font-weight: 100;*/
/*  font-style: normal;*/
/*}*/
/* For raleway font family ENDS*/


body {
    font-family: "Raleway", sans-serif;
/*    font-optical-sizing: auto;*/
    font-weight: 500;
/*    font-style: normal;*/

    padding: 0;
    border: 0;
    margin: 0;
    background: rgb(242,242,242); 
}

div.top {
    z-index: 2;
    background: rgb(242,242,242);  /*white; /* TODO: Important to resume after all done! */
    /* background: rgba(59, 130, 246, 0.5); */
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 2px solid black;
}

div.general {
    margin: 0;
    padding: 0;
    border: 0;
    display:inline-flex;
}

div.general p {
    margin: 0;
    margin-left: 50px;
    padding: 0;
    border: 0;
    width: 100%;
    font-size: 20px;
}

div.top p {
    margin: 0;
    padding: 0;
    border: 0;
    margin-left: 5.75%;
}

img.avatar {
    display: block;
    max-width:1800px;
    max-height:400px;
    width: auto;
    height: auto;
}

p.school {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 26px;
/*    font-weight: 300;*/
    line-height: 30px;
}

p.school a {
    text-decoration: none;
}

p.email a {
    text-decoration: none;
    margin-left: 20px;
}
/* 
p.school a:link, p.school a:visited, p.email a:link, p.email a:visited {
    color: rgb(39, 105, 167);
} */

a:link, a:visited {
    text-decoration: none;
    /* color: #00274C; */
    color: rgb(39, 105, 167);
}

p.email {
    font-size: 20px;
    line-height: 23px;
}


div.header {
    /* color: rgb(15, 63, 186); */
    color: #00274C;
    z-index: 2;
    font-size: 50px; /*TODO: Fix font size!*/
    line-height: 55px;
    font-weight: bolder;
    font-family: "Raleway", sans-serif;

    padding: 0;
    padding-top: 10px;
    padding-bottom: 5px;

    border: 0;
    margin: 0;
    margin-left: 5.75%;
}

.top_layer2 {
    z-index: 2;
    background: rgb(242,242,242);  /* white; /*TODO: Important to resume after all done*/
    margin: 0;
    border: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.main-body {
    border: 0;
    padding: 0;
    margin-left: 5.75%;
    margin-right: 10%;
}

.nav-menu {
    border: 0;
    padding: 0;
    margin-left: 5.75%;
    background: rgb(242,242,242);  /* white; */
}

#home-item {
    color: rgb(15, 63, 186);
    padding: 0;
    margin-right: 16px;
    margin-left: 0px;
    border: 0;
    display: inline-block;
    text-align: -moz-center;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft Sans Serif", arial, sans-serif;
}


.nav-menu {
    border: 0;
    padding: 0;
    margin-left: 5.75%;
}

.nav-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}


.nav-menu ul li {
    display: inline-block;
    color: black;
    text-align: -moz-center;
    padding: 0;
    margin-right: 5px;
    margin-left: 0px;
    border: 0;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft Sans Serif", arial, sans-serif;
}


div.section {
    border: 0;
    padding: 0;
    margin: 0;
}

div.section-header {
    font-size: 26px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid gray;
}

div.section-text {
    font-size: 20px;
    margin-bottom: 20px;
}

div.award {
    padding: 0;
    border: 0;
    margin: 0;
    overflow: hidden;
}

div.award-name {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 20px;
    float: left;
}

div.award-time {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 20px;
    float: right;
}

div.section-text ul {
    margin: 0;
    padding: 0;
    border: 0;
    margin-left: 30px;
}

div.section-text ul li {
    list-style-type: square;
    margin: 0;
    padding: 0;
    border: 0;
}

div.section-text ul li p {
    margin: 0;
    padding: 0;
    border: 0;

    margin-bottom: 10px;
}

/*img.shake {
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}*/


img.shake-img:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}