@charset "UTF-8";a{color:#c40b00}.wrap{max-width:1000px}.sidebar{top:0;left:0;bottom:0;color:#fff;width:250px;position:fixed;overflow:hidden;overflow-y:auto;background:#4b4b4b}.sidebar .avatar{width:160px;height:160px;margin:2em auto;background:#fff;border-radius:100%;border:#fff 5px solid;transition:transform .5s}.sidebar .avatar:hover{transform:rotate(1turn)}.sidebar .avatar img{border-radius:100%}.sidebar .nav{margin:0;display:flex;list-style:none;flex-direction:column}.sidebar .nav a{color:#fff;padding:1em;display:block;text-align:center;transition:background .3s,box-shadow .3s}.sidebar .nav a:hover{background:rgba(0,0,0,.2)}main{margin-left:250px}@media screen and (max-width:900px){.sidebar{width:inherit;position:relative}.sidebar .nav{background:#f8bd24;flex-direction:row;justify-content:center}.sidebar .nav a:hover{background:0 0;box-shadow:0 -3px 0 #fff inset}main{margin-left:0}}@media print{.sidebar{display:none}main{margin-left:0}}main section{padding:5em 0;position:relative}@media screen and (max-width:900px){main section{padding:3em 0}}#info{background:url(../images/bg-1.png) fixed}#skills{background:#f8bd24}#works{background:url(../images/bg-2.png) fixed}#team{background:url(../images/bg-3.png) fixed}.title{margin-bottom:1em}.title:before{float:left;margin-right:.5em;font-family:fontawesome}#info .title:before{content:"\f005"}#skills .title:before{content:"\f19d"}#works .title:before{content:"\f091"}#story .title:before{content:"\f0b1"}#team .title:before{content:"\f024"}.skills-icon{width:100px;height:100px;margin:0 auto;background:#fff;border-radius:100%;box-shadow:0 5px rgba(0,0,0,.3)}.skills-icon:hover i{transform:rotate(1turn)}.skills-icon i{font-size:50px;line-height:100px;transition:transform .5s}.skills-title{margin-top:1.5em;text-align:center}.works-item img{transition:transform .3s}.works-item img:hover{transform:scale(1.05,1.05)}.works-item p{padding:1em 0;text-align:center}.timeline{list-style:none;margin-left:1em;padding-left:1.5em;border-left:2px grey solid}.timeline li{line-height:1.5em;position:relative;margin-bottom:1.5em}.timeline li:hover:before{transform:scale(1.2,1.2)}.timeline li:before{content:"";left:-2.3em;width:1.5em;height:1.5em;display:block;position:absolute;background:#f8bd24;border-radius:100%;transition:transform .3s}footer{color:#fff;padding:1em 0;text-align:center;background:#72655b}footer a{color:inherit}