div.contact{display:flex;flex-direction:column;height:100%;width:100%;align-items:center}div.mail{display:flex;flex:1;align-items:center}div.mail img{transition:all .2s ease-in-out}div.mail img:hover{cursor:pointer;transform:scale(1.1)}@media only screen and (max-device-width: 768px){.contact .mail img{height:185px;width:185px}}div.educations{display:flex;flex-direction:column}div.education .institution{display:flex;flex-direction:column}div.education h2{text-align:center;text-decoration:underline}div.education .institution{display:flex;flex-direction:row;font-size:26px;color:black;min-height:60px;justify-content:center}div.education .institution img.resize{height:172px;width:auto}div.education .description{text-align:center}div.education .learned h4{padding-left:20px}div.experience{display:flex;flex-direction:column;padding:0% 10%}div.experience h2{text-align:center;text-decoration:underline}div.experience .company{display:flex;flex-direction:column;align-items:center;font-size:15px;color:black;min-height:173px}div.experience .company p{font-size:15px;margin:0px}div.experience .role{display:flex;flex-direction:row;justify-content:center;font-size:26px;color:black;min-height:80px}div.experience .company img{height:172px;width:auto}div.home h1{text-align:center}div.home .introduction{width:550px;border:1px solid gray;border-radius:30px;padding:0px 25px;margin:40px 0px;-webkit-animation-name:sweet;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:10s}div.home .introduction p{text-align:center;font-style:italic;font-weight:bold}@-webkit-keyframes sweet{0%{border-color:grey}50%{border-color:white}51%{border-color:white}100%{border-color:grey}}.menu{display:flex;flex-wrap:wrap;justify-content:space-between;color:white;font-size:16px;margin:0px 100px;border-bottom:1px solid black;padding-bottom:5px}.menu-item{padding:10px 20px 10px 20px;font-weight:bold;opacity:1;transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out}.menu-item:hover{cursor:pointer;color:goldenrod}.menu-item.selected{color:silver}@media only screen and (max-device-width: 768px){.menu{font-size:22px;padding-bottom:10px}}div.content{display:flex;flex-direction:column;padding:20px;align-items:center;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}footer{width:100%;bottom:0;color:grey;text-align:center;background:linear-gradient(to top,
  rgba(197, 194, 255, 1) 1%,
  rgba(228, 220, 255, 1) 53%,
  rgba(228, 220, 255, 1) 75%,
  rgba(228, 220, 255, 1) 100%)}header{top:0;width:100%;background:linear-gradient(to bottom,
  rgba(197, 194, 255, 1) 1%,
  rgba(228, 220, 255, 1) 53%,
  rgba(228, 220, 255, 1) 75%,
  rgba(228, 220, 255, 1) 100%)}header .identity{display:flex;padding:15px;flex-wrap:wrap}header .identity .name{margin-left:20px}header .identity .social-link{display:flex;flex:1;flex-direction:column;align-items:flex-end;justify-content:center}header .identity .social-link a{transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;width:100px}header .identity .social-link a:hover{font-weight:bold;cursor:pointer;color:goldenrod}header img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;transition:transform .8s ease-in-out;-webkit-transition:-webkit-transform .8s ease-in-out;-moz-transition:-moz-transform .8s ease-in-out}header img#me{width:110px;height:110px}header img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}header img.icon{height:20px;width:20px}header h1{color:grey;font-size:64px;margin:5px}@media only screen and (max-device-width: 768px){header h1{font-size:72px}header .identity img#me{height:125px;width:125px}header .identity .social-link a{width:140px}}body{width:100vw;height:100vh;margin:0;padding:0;font-family:"Comic Sans MS", cursive, sans-serif;display:flex;flex-direction:column}@media only screen and (max-device-width: 768px){body{font-size:24px;font-family:"PT Serif Caption"}}