.resume__top{background-image:url(../img/blackiii_thumbnail.c7675d8c.jpg);max-height:360px;padding:54px}.resume__center{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:768px){.resume__center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.resume__main{width:70%;padding-left:28px;background-color:#f4f2f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end}@media (max-width:768px){.resume__main{width:unset}}.resume ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.resume ul,.resume ul li{display:-webkit-box;display:-ms-flexbox;display:flex}.resume ul li{margin-bottom:12px;font-family:Fredoka One,cursive}@media (max-width:768px){.resume ul li{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:initial}}.resume ul li:before{content:"";margin-right:12px;display:block;width:20px;height:20px;border-radius:50%;background:#000}@media (max-width:768px){.resume ul li:before{display:none}}.resume__main-title{color:#000;font-family:Dosis,sans-serif;font-size:36px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:120px;font-weight:400;text-transform:uppercase}@-webkit-keyframes filteranime{0%{-webkit-filter:grayscale(100%)}to{-webkit-filter:grayscale(0)}}@keyframes filteranime{0%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}to{-webkit-filter:grayscale(0);filter:grayscale(0)}}.resume__aside{width:30%;background-color:#000}@media (max-width:768px){.resume__aside{width:100%}}.resume__aside img{width:50%;border-radius:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.resume__aside img:hover{-webkit-filter:unset;filter:unset;-webkit-animation-name:filteranime;-webkit-animation-duration:.6s;animation-name:filteranime;animation-duration:.6s}.resume__aside-contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:6px}.resume__aside-contact span{color:#fff;font-family:Dosis,sans-serif;font-size:40px;font-weight:400;text-transform:uppercase}.resume__aside-contact .contact-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:15px 0}.resume__aside-contact .contact-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}.resume__aside-contact .contact-list__item img{width:20px;height:20px;margin-right:15px}.resume__aside-contact .contact-list__item span{font-family:Fredoka One,cursive;font-size:16px}@media (max-width:1100px){.resume__aside-contact .contact-list__item span{font-size:12px}}.resume__aside-contact .contact-list__item span a{text-decoration:none;color:#fff}.resume__skills{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:6px}.resume__skills-title{color:#fff;font-family:Dosis,sans-serif;font-size:40px;font-weight:400;text-transform:uppercase}.resume__skills-items{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.resume__experience ul li .comp{margin-left:12px}.resume .circle-wrap{margin:50px auto;cursor:pointer;width:150px;height:150px;background:#555;border-radius:50%;position:relative}.resume .circle-wrap .inside-circle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:130px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:130px;border-radius:50%;background:#000;line-height:130px;text-align:center;margin-top:10px;margin-left:10px;position:absolute;z-index:100;font-weight:700;font-size:2em}.resume .circle-wrap .inside-circle img{width:50%;border-radius:8px}.resume .circle-wrap .skill-title{position:absolute;bottom:-31%;left:0;width:100%;font-family:Sigmar One,cursive;color:#fff}.resume .circle-wrap .circle .fill,.resume .circle-wrap .circle .mask{width:150px;height:150px;position:absolute;border-radius:50%}.resume .circle-wrap .circle .mask{clip:rect(0,150px,150px,75px)}.resume .circle-wrap .circle .mask .fill{clip:rect(0,75px,150px,0);background-color:#fff}.resume .circle-wrap .circle .fill,.resume .circle-wrap .circle .mask.full{-webkit-animation:fill 3s ease-in-out;animation:fill 3s ease-in-out;-webkit-transform:rotate(160deg);transform:rotate(160deg)}.resume .circle-wrap .circle .fill-js,.resume .circle-wrap .circle .mask-js{width:150px;height:150px;position:absolute;border-radius:50%}.resume .circle-wrap .circle .mask-js{clip:rect(0,150px,150px,75px)}.resume .circle-wrap .circle .mask-js .fill-js{clip:rect(0,75px,150px,0);background-color:#fff}.resume .circle-wrap .circle .fill-js,.resume .circle-wrap .circle .mask-js.full-js{-webkit-animation:fill-js 3s ease-in-out;animation:fill-js 3s ease-in-out;-webkit-transform:rotate(168deg);transform:rotate(168deg)}.resume .circle-wrap .circle .fill-nxt,.resume .circle-wrap .circle .mask-nxt{width:150px;height:150px;position:absolute;border-radius:50%}.resume .circle-wrap .circle .mask-nxt{clip:rect(0,150px,150px,75px)}.resume .circle-wrap .circle .mask-nxt .fill-nxt{clip:rect(0,75px,150px,0);background-color:#fff}.resume .circle-wrap .circle .fill-nxt,.resume .circle-wrap .circle .mask-nxt.full-nxt{-webkit-animation:fill-nxt 3s ease-in-out;animation:fill-nxt 3s ease-in-out;-webkit-transform:rotate(140deg);transform:rotate(140deg)}@-webkit-keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(160deg);transform:rotate(160deg)}}@-webkit-keyframes fill-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(168deg);transform:rotate(168deg)}}@keyframes fill-js{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(168deg);transform:rotate(168deg)}}@-webkit-keyframes fill-nxt{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes fill-nxt{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.resume__name{font-size:48px}.resume__job,.resume__name{color:#fff;font-family:Dosis,sans-serif;font-weight:500;text-transform:uppercase}.resume__job{font-size:28px}.resume__footer{background:#000;padding:27px 15px}.resume__footer span{color:#fff;font-family:Fredoka One,cursive}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}