:root{--color-black:#000;--color-white:#fff;--color-secondary-dark:#555;--color-secondary-light:#efefef;--color-tertiary-dark:#777;--default-font-size:1.6rem}*,:after,:before{box-sizing:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%}@media only screen and (max-width:56.25em){html{font-size:50%}}body{line-height:1;box-sizing:border-box;overflow:overlay}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Montserrat,sans-serif;font-weight:400;font-size:var(--default-font-size);line-height:1.7;color:var(--color-black)}.code{font-family:consolas}.hero{color:var(--color-white)}.hero__title{font-size:5rem;font-weight:700}.hero__description{font-size:2rem;font-weight:300}@media only screen and (max-width:37.5em){.hero__title{font-size:4rem}}.heading{font-size:5rem;font-weight:700;color:var(--color-secondary-dark);position:relative;z-index:1}.heading:after{content:attr(data-title);color:var(--color-secondary-light);font-weight:900;position:absolute;z-index:-1;bottom:0;left:50%;line-height:5rem;transform:translate(-50%,-90%) scale(2);overflow:hidden}@media only screen and (max-width:37.5em){.heading{font-size:4rem}.heading:after{transform:translate(-50%,-60%) scale(2)}}.heading-2{font-size:2rem;font-weight:700;color:var(--color-tertiary-dark)}.heading-2__description{display:block;font-weight:400;font-size:1.7rem}@keyframes scroll-down-animation{0%{transform:scaleY(1);transform-origin:bottom}50%{transform:scaleY(0);transform-origin:bottom}51%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes push{0%{transform:translateY(-1em) rotate(-45deg)}5%{transform:translateY(-1em) rotate(-50deg)}20%{transform:translate(1em,-2em) rotate(47deg)}25%{transform:translate(1em,-2em) rotate(45deg)}30%{transform:translate(1em,-2em) rotate(40deg)}45%{transform:translate(2em,-3em) rotate(137deg)}50%{transform:translate(2em,-3em) rotate(135deg)}55%{transform:translate(2em,-3em) rotate(130deg)}70%{transform:translate(3em,-4em) rotate(217deg)}75%{transform:translate(3em,-4em) rotate(220deg)}to{transform:translateY(-1em) rotate(-225deg)}}.text-center{text-align:center!important}.m-0{margin:0!important}.mt-2{margin-top:2rem!important}.loader-container{width:100vw;height:100vh;background-color:var(--color-black);position:fixed;z-index:1000;transition:all .5s ease}.loader{top:50%;left:50%;margin-top:-2.7em;margin-left:-2.7em;width:5.4em;height:5.4em}.loader,.loader__box{position:absolute;background-color:transparent}.loader__box{left:0;bottom:-.1em;width:1em;height:1em;border:.25em solid var(--color-white);border-radius:15%;transform:translateY(-1em) rotate(-45deg);animation:push 2.5s cubic-bezier(.79,0,.47,.97) infinite}.loader__hill{position:absolute;width:7.1em;height:7.1em;top:1.7em;left:1.7em;background-color:transparent;border-left:.25em solid var(--color-white);transform:rotate(45deg)}.loader__hill:after{content:"";position:absolute;width:7.1em;height:7.1em;left:0;background-color:transparent}*{scrollbar-width:thin;-ms-overflow-style:none}* ::-webkit-scrollbar-track{box-shadow:none;-webkit-box-shadow:none;background-color:transparent}* ::-webkit-scrollbar{width:0;background-color:transparent}* ::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--color-secondary-dark)}.on-scrolling::-webkit-scrollbar{width:6px}.avatar{width:30rem;height:30rem;margin:0 0 5rem;border-radius:50%;background-image:url(/dinhhau1807/avatar.a8ff521b.png);background-size:cover;background-position:50%;filter:grayscale(100%) contrast(100%);overflow:hidden;transition:background-image .5s ease}.avatar:hover{background-image:url(/dinhhau1807/avatar.d2114060.jpg);filter:grayscale(0) contrast(150%)}@media only screen and (max-width:37.5em){.avatar{background-image:url(/dinhhau1807/avatar.d2114060.jpg)}}.preloaded-avatar{width:0;height:0;display:inline;background-image:url(/dinhhau1807/avatar.d2114060.jpg)}.socials{display:flex;margin-top:3rem}.socials__icon{height:100%;width:100%;fill:var(--color-white);transition:all .2s ease-in}.socials__icon--black{fill:var(--color-black)}.socials__icon-box:not(:last-child){margin-right:2rem}.socials__icon-box{color:var(--color-white);position:relative;width:5rem;height:5rem;border-radius:50%;border:1px solid;padding:1rem;transition:all .2s ease-in}.socials__icon-box:hover{background-color:currentColor}.socials__icon-box:hover>.socials__icon{fill:var(--color-black)}.scroll-down{width:2px;height:8rem}.scroll-down__line{width:100%;height:100%;background-color:var(--color-white);color:var(--color-white);animation:scroll-down-animation 2s ease-in-out infinite}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;transition:all .2s;position:relative;font-size:1.6rem;outline:none;border:1px solid;cursor:pointer}.btn--primary{color:var(--color-white);border:1px solid;transition:all .2s ease;background-color:transparent}.btn--primary:hover{color:var(--color-black);background-color:var(--color-white)}.btn-back-to-top,.btn-back-to-top:link,.btn-back-to-top:visited{width:6rem;height:6rem;padding:.5rem;border-radius:100px;border:2px solid;font-weight:700}.btn-download,.btn-download:link,.btn-download:visited{width:13rem;height:13rem;padding:.5rem;border-radius:100px;font-weight:700;border:2px dashed;text-align:center;display:flex;align-items:center}.list{list-style-type:disc;padding-left:3rem}.project:not(:first-child){margin-top:4rem}.project__image{transition:filter 1s ease;margin-top:1rem;width:100%;filter:grayscale(100%)}.project__image:hover{filter:grayscale(0)}@media only screen and (max-width:37.5em){.project{overflow:hidden}}.header{height:100vh;min-height:80rem;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-black);position:relative}.header--tilt{background-color:transparent}.download{height:15rem;display:flex;justify-content:center;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);background-color:var(--color-black);color:var(--color-white)}.wrapper{margin-top:-15rem;padding:15rem 0}.wrapper__content{margin-top:10rem;margin-bottom:10rem;padding:0 2rem}.footer{margin-top:-15rem;height:15rem;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);background-color:var(--color-black);color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.footer__copy,.footer__top{margin:1rem}.section:not(:first-child){margin-top:15rem}.section-about__text{text-align:justify}.section-about__contact{margin-top:2rem}.section-about__contact li{display:flex;align-items:center}.section-skills__content>*{margin-top:3rem}
/*# sourceMappingURL=/dinhhau1807/main.b6915b91.css.map */