.footer{border-top:2px solid grey}.navList{list-style-type:none;margin:0;padding:1%}.flex{display:flex}.rowNoWrap{flex-flow:row nowrap}.rowWrap{flex-flow:row wrap}.colNoWrap{flex-flow:column nowrap}.colWrap{flex-flow:column wrap}.alignContentCenter{align-content:center}.alignContentStretch{align-content:stretch}.alignContentStart{align-content:flex-start}.alignItemsCenter{align-items:center}.alignItemsStretch{align-items:stretch}.alignItemsStart{align-items:flex-start}.justifyCenter{justify-content:center}.justifyStart{justify-content:flex-start}.justifySpaceAround{justify-content:space-around}.justifySpaceEvenly{justify-content:space-evenly}.justifySpaceBetween{justify-content:space-between}.justifyItemsCenter{justify-items:center}.justifyStretch{justify-content:stretch}.item1{flex-grow:1}.item5{flex-grow:5}.displayBlock{display:block}.displayNone{display:none}a{text-decoration:none;color:inherit;font-style:inherit}aside h2{text-align:center}iframe{height:calc(100px + 70vh)}li{padding:2%}li a:hover{color:#e8e2cd}section p{padding:0 8%}section{padding:4% 0;border-bottom:4px solid #e8e2cd}.codePenDisplay{max-width:80%;width:80%;padding:35px 10% 55px;border-bottom:2px solid #9e8e4e}.codePenDisplay:last-of-type{border-bottom:none}.intro{width:100 vw}.main{background:#617c91;color:#9e8e4e;font-family:"Roboto Mono",monospace;text-align:justify}.main .intro{color:#e8e2cd}.mainContainer{background:linear-gradient(to bottom right,#cbe1f0,#617c91)}.navBar{background:#e8e2cd}.paddingLeft20{padding-left:20%}.pageClass{width:100%;position:relative;margin:none;padding:none}.TamGiang ul{list-style-type:none}.width100{width:100%}#codepenLink{margin:auto}#codepenLink,a:hover{color:#e8e2cd}.childLanding{z-index:1;order:3;background:#000;position:absolute;opacity:.95;top:0;bottom:0;left:0;right:0;transition:opacity .5s linear}.disappear{opacity:0;transition:opacity .7s,visibility .5s linear;visibility:hidden;display:none}.enterButton{z-index:2;order:2;background:none;border:3px solid #ffb028;border-radius:5px;color:#ffb028;padding:5vh 5vw;font-size:calc(1.2vw + 3px)}.parentLanding{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center}.social{z-index:2;width:60%;order:4;background:#e8e2cd;margin-top:5%}.title{order:1;z-index:2;color:#e8e2cd;font-size:15vw;margin:0;transition:opacity .5s linear}.enterButton:hover{cursor:pointer;color:#ffc96c;border:3px dashed #ffc96c}.enterButton:hover~.childLanding,.enterButton:hover~.title{opacity:.8;transition:opacity .5s linear}.flexColNoWrap{display:column nowrap;justify-content:stretch}.project{background:#cbe1f0;border:4px solid grey;border-radius:10px;color:#9e8d4f;font-family:"Roboto Mono",monospace;margin:20px;max-width:25%;min-width:20%;transition:color .3s,border .5s}.project img{width:100%;padding-top:15px}.project h2{padding-bottom:15px}.project:hover{border:5px solid #9e8d4f;background:#617c91;color:#e8e2cd;transition:border .5s}.project:hover div{color:#e8e2cd;transition:color .3s}@media only screen and (max-width:800px){.project{max-width:80%}}.navDiv{position:absolute;top:3%;left:5%}#basic-button{background:#e8e2cd;border-radius:0;border:none;border-bottom:2px solid #9e8d4f;color:#617c91;font-family:"Roboto Mono",monospace;font-size:calc(1vw + 3px);height:calc(10px + 10vh);padding:2px 4vw}#basic-button,#basic-button:hover{transition:color .5s,padding .5s,border .5s}#basic-button:hover{background:#617c91;border-bottom:5px solid #9e8d4f;color:#e8e2cd;display:relative;font-weight:700;padding:3px 4vw}#basic-menu li{font-size:calc(1vw + 3px);height:calc(10px + 10vh);padding:0 3vw 0 1vw;min-width:calc(12vw + 4px)}#basic-menu ul{padding:0}#basic-menu .customItem,#basic-subMenu .customItem{border-bottom:1px dashed #9e8d4f}#basic-subMenu .customItem:last-of-type,.noBottomBorder{border-bottom:none}.logos{padding:20px}aside{width:55%;padding-left:5px;display:flex;flex-flow:column nowrap;justify-content:center}article{max-width:40%;padding:15px}.asideImages{object-fit:fill;padding:0 5%}.viewportHeight{height:50vh}.container div,.container p{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;line-height:1}.item{flex:1 1 auto}.container{position:relative;width:100%;height:100vh;font-size:100%;z-index:-1;overflow:hidden;font-family:lobster;font-size:30vh}.welcome{top:0;left:0;right:0;bottom:0;background:hsla(0,0%,74.9%,.8)}.band,.welcome{position:absolute}.band{top:35%;width:130%;font-family:lobster;font-size:30vh;text-align:center;height:35%;left:-15%}.one{background:#f279ad;transform:rotate(40deg);animation:welcomebandone 3.3s 1}.two{background:#ffec42;transform:rotate(-40deg);animation:welcomebandtwo 6.6s 1}.three{background:linear-gradient(270deg,#12a314 40%,rgba(255,255,0,.5) 44%,#12a314 48%);background-size:200%;transition-property:background-position;background-position:120%;transition-duration:0;height:40%;top:30%;animation:welcomeband 13.3s 1;width:100%;left:0}.band .three,.three{font-size:35vh}.three:hover{background-position:0;transition-duration:1s}.four{position:absolute;display:flex;flex-flow:row nowrap;align-items:center;background:hsla(0,0%,94.1%,.8);top:70%;bottom:0;width:100%;animation:welcomebandfour 13.3s 1;padding:3% 5% 0}@keyframes welcomebandone{0%{width:0;font-size:0;color:#f279ad}to{width:130%;font-size:30vh;color:#000}}@keyframes welcomebandtwo{0%{width:0;font-size:0;left:100%;color:#ffec42}50%{width:0;font-size:0;left:100%;color:#ffec42}to{width:130%;font-size:30vh;left:-15%;color:#000}}@keyframes welcomeband{0%{height:0;font-size:0;color:#12a314}50%{height:0%;font-size:0;color:#12a314}75%{height:40%;font-size:35vh}to{color:#000}}@keyframes welcomebandfour{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes welcomebandlogo{0%{height:0}75%{height:0}to{height:160px}}.logo{flex:1 1 auto;height:100%}.html5{background:url(https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg);background-repeat:no-repeat;background-size:50%}.css3{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/256px-CSS3_logo_and_wordmark.svg.png);background-size:35%;background-repeat:no-repeat}.js{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Javascript_badge.svg/1280px-Javascript_badge.svg.png);background-size:47%;background-repeat:no-repeat}.react{background:url(https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg);background-size:53%;background-repeat:no-repeat}.node{background:url(https://upload.wikimedia.org/wikipedia/commons/d/d9/Node.js_logo.svg);background-size:70%;background-repeat:no-repeat}@media only screen and (max-width:800px){.band{top:0;bottom:0;width:100%;height:100%;font-size:20vw;text-align:top;left:0}.one{background:#f566a4;transform:none;animation:welcomebandonesmall .33s 1;z-index:1}.one:hover{background:#f1036b;position:absolute;bottom:10%;animation:welcomebandonesmallhover .33s 1;z-index:3}.two{background:#ffec42;top:15%;animation:welcomebandtwosmall .66s 1;z-index:2}.three,.two{transform:none}.three{background:linear-gradient(90deg,#12a314,#12a314 50%,#ffec42 53%,#f1036b 54%,#ffec42 55%,#12a314 58%);background-size:200%;background-position:0;top:30%;height:100%;font-size:24vw;animation:welcomebandsmall 1s 1,shine 1s 1;animation-play-state:running;padding-top:1%;z-index:3}.three:hover{animation:shine 1s 1}@keyframes shine{0%{background-position:0}to{background-position:120%}}.four{position:absolute;display:flex;flex-flow:row wrap;align-content:stretch;align-items:center;justify-content:space-evenly;background:hsla(0,0%,94.1%,.8);top:60%;bottom:0;width:100%;animation:welcomebandfoursmall 1.33s 1;padding:0;border-top:4px dashed #d3d3d3;z-index:4}.logo{flex:unset;width:80px;padding:0 45px;height:100px}.html5{background:url(https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg);background-repeat:no-repeat;background-size:85px;background-position:50%}.css3{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/256px-CSS3_logo_and_wordmark.svg.png);background-size:65px;background-repeat:no-repeat;background-position:50%}.js{background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Javascript_badge.svg/1280px-Javascript_badge.svg.png);background-size:80px;background-repeat:no-repeat;background-position:50%}.react{background:url(https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg);background-size:100%;background-repeat:no-repeat;background-position:50%}.node{background:url(https://upload.wikimedia.org/wikipedia/commons/d/d9/Node.js_logo.svg);background-size:80%;background-repeat:no-repeat;background-position:50%}@keyframes welcomebandonesmall{0%{top:100%}}@keyframes welcomebandtwosmall{0%{top:100%}50%{top:100%}}@keyframes welcomebandsmall{0%{top:100%}66%{top:100%}}@keyframes welcomebandfoursmall{0%{top:100%}75%{top:100%}}}
/*# sourceMappingURL=main.ac43f8b8.chunk.css.map */