header{min-height:100vh;padding:50px 0;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center}header>:not(:last-child){margin-bottom:40px}header .profile-image{border-radius:50%;display:block;margin:0 auto;width:250px}header .icons{max-width:700px;width:80%;margin:0 auto}.my-skills{background-color:rgba(204,237,255,.317)}.my-skills .skill:not(:last-child){margin-bottom:40px}.my-skills .skill h2{margin-bottom:20px}.about-me{min-height:800px;background-color:#fff}.about-me h1{margin-bottom:50px}.about-me .content{display:-moz-box;display:flex}.about-me ul{margin-right:5%}.about-me img{width:45%}@media only screen and (max-width:900px){header .icons{grid-template-columns:repeat(3,50px);width:auto}.my-skills{padding:40px}.about-me h1{margin-bottom:20px}.about-me .content{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse;-moz-box-align:center;align-items:center}.about-me ul{margin-right:0}.about-me img{width:75%;margin-bottom:20px}}@media only screen and (max-width:500px){.profile-image{width:200px}.about-me img{width:100%}}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-weight:400;line-height:1.6;font-family:Lato,sans-serif}a{color:#000}h1{font-size:64px;text-align:center}h1,h2{color:#006299;font-weight:200}h2{font-size:37px}li{font-size:20px;margin-bottom:15px}.icons{display:grid;justify-items:center;-moz-box-align:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-column-gap:80px;-webkit-column-gap:80px;-moz-column-gap:80px;column-gap:80px;grid-row-gap:20px;row-gap:20px}.icon{position:relative}.icon .image{max-width:50px;max-height:50px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.icon:hover .image{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.icon .caption{position:absolute;bottom:-15px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.icon:hover .caption{opacity:1}section{padding:80px 10%}@media only screen and (max-width:700px){h1{font-size:32px}h2{font-size:26px}li{font-size:16px}}