@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700|Lato:400,700|Open+Sans+Condensed:300,700|Xanh+Mono&display=swap&subset=latin-ext);::selection{background:rgba(0,0,0,.2);color:#fff}::-moz-selection{background:rgba(0,0,0,.2);color:#fff}#app,body,html{margin:0;font-family:Inconsolata,Consolas,sans-serif;height:100%;color:rgba(0,0,0,.9);overflow:hidden}#rotation-warning{height:100%;width:100%;display:none;justify-content:center;align-items:center}@media only screen and (min-width:320px)and (max-width:767px)and (orientation:landscape){#rotation-warning{display:flex}#app{display:none}}.link{color:rgba(0,0,0,.8)}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(0)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes shine{0%,50%,to{transform:scale(1);filter:blur(0)}25%{transform:scale(.6);filter:blur(1px)}75%{filter:blur(1px);transform:scale(1.4)}}@keyframes fadeOut{to{opacity:0}}@keyframes showUp{to{opacity:1}}@keyframes bounce{18%{top:0}24%{top:-4.5%}34%{top:0}40%{top:-1.5%}48%{top:0}54%{top:-.7%}60%{top:0}90%{top:0}to{top:0}}.loader{min-height:100%;min-width:100%;position:absolute;top:0;left:0;background:#fff;z-index:200;animation:fadeOut 1s ease-out;animation-delay:1s}.loader,.loader__content{display:flex;justify-content:center;align-items:center}.loader__bubble{width:20px;height:20px;border-radius:50%;margin:15px;background-image:linear-gradient(145deg,hsla(0,0%,100%,.5),transparent);animation:shine 1.5s linear .5s infinite}.loader__bubble--yellow{background-color:#feb60a}.loader__bubble--red{background-color:#ff0062;animation-delay:.1s}.loader__bubble--orange{background-color:orange;animation-delay:.2s}.loader__bubble--salmon{background-color:salmon;animation-delay:.3s}.background{min-height:100%;min-width:100%;z-index:-20;overflow:hidden}.background,.background:after{position:absolute;top:0;right:0;bottom:0;left:0}.background:after{content:"";background-color:hsla(0,0%,100%,.7)}.background__video{min-height:calc(100% + 100px);min-width:calc(100% + 100px);z-index:-20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome{min-height:100%;min-width:100%;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,transform .8s ease}.welcome--hidden{opacity:0;transform:scale(.95)}.welcome__content,.welcome__header{position:relative}.welcome__header{width:250px;height:250px;border-radius:50%;border:5px solid rgba(0,0,0,.8);text-align:center;font-size:42px;font-weight:700;font-family:Xanh Mono,monospace;color:rgba(0,0,0,.8);cursor:context-menu;animation:float 6s ease-in-out infinite;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:1000px){.welcome__header{width:400px;height:400px;font-size:70px;border:8px solid rgba(0,0,0,.8)}}.welcome__typed{margin-top:40px;text-align:center;font-size:25px}@media only screen and (min-width:1000px){.welcome__typed{font-size:35px}}.welcome__socials{width:65px;height:65px;border-radius:50%;border:3px solid rgba(0,0,0,.8);text-align:center;font-size:14px;font-weight:700;font-family:Xanh Mono,monospace;color:rgba(0,0,0,.8);position:absolute;top:-90px;right:-20px;transition:transform .3s ease;display:flex;justify-content:center;align-items:center}@media only screen and (min-width:1000px){.welcome__socials{top:-80px;right:-80px;width:85px;height:85px;font-size:21px;border:4px solid rgba(0,0,0,.8)}}.welcome__socials-header{position:absolute;opacity:1;transition:opacity .3s ease}.welcome__socials-icons{position:absolute;opacity:0;transition:opacity .3s ease}.welcome__socials:hover{transform:rotate(-90deg) scale(1.5)}.welcome__socials:hover>.welcome__socials-header{opacity:0}.welcome__socials:hover>.welcome__socials-icons{opacity:1}.welcome__socials-icon{font-size:19px;cursor:pointer}@media only screen and (min-width:1000px){.welcome__socials-icon{font-size:25px}}.welcome__socials-icon-linkedin{transform:rotate(90deg) translate(-13px,20px)}@media only screen and (min-width:1000px){.welcome__socials-icon-linkedin{transform:rotate(90deg) translate(-17px,25px)}}.welcome__socials-icon-github{transform:rotate(90deg) translate(10px,-15px)}@media only screen and (min-width:1000px){.welcome__socials-icon-github{transform:rotate(90deg) translate(12px,-18px)}}.welcome__socials-icon-docker{transform:rotate(90deg) translate(11px,-5px)}@media only screen and (min-width:1000px){.welcome__socials-icon-docker{transform:rotate(90deg) translate(13px,-5px)}}.content{width:400%;height:400%;position:absolute;top:100%;left:50%;transform:translate(-50%,-43px);text-align:center;background:hsla(0,0%,100%,.7);border-radius:50%;box-sizing:border-box;transition:top .9s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.content--visible{top:-300px}.content__message{cursor:pointer;padding:13px;opacity:0;transition:opacity .4s}.content__message--visible{opacity:1}.content__message:hover{animation:shake .2s ease-in-out}.content__pages{width:25%;height:25%;position:absolute;top:343px;left:50%;transform:translateX(-50%)}.content__page-container{height:33.33%;width:100%;float:none;position:relative;overflow:hidden;transition:height .5s}@media only screen and (min-width:1000px){.content__page-container{width:33.33%;height:100%;float:left}}@media only screen and (max-width:999px){.content__page-container--active{height:100%}}@media only screen and (max-width:999px){.content__page-container--collapsed{height:0}}.content__page-wrapper{height:200%;top:-100%;position:relative}.content__page-wrapper--visible{animation-name:bounce;animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:ease-in-out}.content__page{height:50%;width:100%;position:relative;box-sizing:border-box}.content__page-content{background-color:#fff;overflow:hidden;cursor:context-menu}.content__page-content,.content__page-title{display:flex;align-items:center;justify-content:center}.content__page-title{cursor:pointer}.content__page-title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,0);transition:background-color .1s}.content__page-title--expanded,.content__page-title--visible:hover:before{background-color:hsla(0,0%,100%,.4)}.content__page-header{font-family:Xanh Mono,monospace;font-weight:700;font-size:26px;width:150px;height:150px;border-radius:50%;border:4px solid rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite;opacity:0;transition:opacity 1.5s}.content__page-header--visible{opacity:1}@media only screen and (min-width:1000px){.content__page-header{width:200px;height:200px;font-size:40px;border:5px solid rgba(0,0,0,.8)}}.content__page-header-about{animation-delay:1.1s;transition-delay:1.1s}.content__page-header-familiar{transition-delay:.7s}.content__page-header-motto{animation-delay:2.2s;transition-delay:1.5s}.content__close{position:absolute;top:25px;right:35px;cursor:pointer;font-size:25px;opacity:.2}.content__close:hover{animation:shake .2s ease-in-out;opacity:1}.content__technologies-container{padding:20px;box-sizing:border-box}@media only screen and (min-width:1300px){.content__technologies-container{padding:70px}}.content__technology{display:inline-block;position:relative}.content__technology-icon{height:35px;width:auto;margin:17px 22px;filter:grayscale(100%);transition:filter .3s}@media only screen and (min-width:1200px){.content__technology-icon{height:45px}}@media only screen and (min-width:1700px){.content__technology-icon{height:55px}}.content__technology-icon--wide{width:55px;height:auto}@media only screen and (min-width:1200px){.content__technology-icon--wide{width:85px}}@media only screen and (min-width:1700px){.content__technology-icon--wide{width:135px}}.content__technology-icon:hover{filter:grayscale(0)}.content__technology-icon:hover+.content__tooltip{opacity:1;z-index:1}.content__tooltip{opacity:0;max-width:140px;background-color:hsla(0,0%,100%,.9);color:rgba(0,0,0,.8);text-align:center;padding:5px 10px;border:2px solid rgba(0,0,0,.9);border-radius:20px;top:93%;z-index:-1;transition:opacity .3s}.content__tooltip,.content__tooltip:after{position:absolute;left:50%;transform:translate(-50%)}.content__tooltip:after{content:" ";top:-10px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.9) transparent}.content__tooltip-manifesto{top:83%}.content__manifesto{height:60%;width:auto}.content__manifesto:hover+.content__tooltip{opacity:1;z-index:1}.content__about-container{width:80%}.content__about-header{text-align:left;font-weight:700;margin-bottom:10px;font-size:18px}.content__aboutme-section{height:170px;box-sizing:border-box;padding:10px 0;margin-bottom:20px;display:flex}.content__image-section{width:110px}.content__image-section,.content__info-section{height:100%;display:flex;justify-content:center;align-items:center}.content__info-section{width:calc(100% - 110px);padding-left:40px;overflow-y:auto;text-align:justify;font-size:14px}.content__image{width:110px;height:110px;border-radius:50%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.content__socials-section{margin-bottom:40px}.content__social-icon{font-size:25px;margin-right:30px}.content__assets-section{text-align:left;margin-bottom:30px}.content__projects-section{text-align:left}.content__list{line-height:1.4}