@font-face{font-family:Gotham Black;src:url(/static/media/Gotham%20Black.57033dc1a6bd9ebc6423.otf)}@font-face{font-family:Gotham;src:url(/static/media/GothamLight.03e7ff609ba3bf798fa4.ttf)}.section-description{align-content:center;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}.section-description h1{align-items:baseline;display:flex}.section-description h1,.section-description h1 span{font-family:Gotham Black;font-size:calc(2.5rem + 1.3vw);line-height:.9em}.section-description p{font-size:1.2em;line-height:20px}@media (max-width:767px){.section-description h1{font-size:2.8rem}.section-description p{font-size:1rem}}@media (max-width:575px){.section-description{height:auto;justify-content:flex-start}}html{overflow-x:hidden;overflow-y:overlay}html ::-webkit-scrollbar{width:8px}html ::-webkit-scrollbar-thumb{background:#fff}html ::-webkit-scrollbar-thumb:hover{background:#e6e6e6}html *{font-family:Gotham}#root{background-color:#0a192f;overflow-x:hidden}#app{transition:.5s}a{color:#64ffda;text-decoration:none;transition:.3s}a:hover{color:#00ca9a}.round-white-icon{align-content:center;align-items:center;background-color:#fff;border-radius:100%;color:#0a192f;display:flex;font-size:1.2em;height:40px;justify-content:center;text-decoration:none;transition:.6s;width:40px}.round-white-icon:hover{color:#0a192f;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.white-balls-pattern{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMZQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////w08d2gAAAEJ0Uk5TADRpj6jB2/SMHYru/4gZMPynKRipAW/x8GwGkAIOu7gPINfVIQ3KyWAb8xywOCX+J4De3dzo+CTsoBLTiVlUH45mkcC9AAAAAXtJREFUeJzt2NlSwjAUgOF0AUROLbUgKrJULTsiyqKA2/u/lFSHC61tk5OQ0fH8L/BNmiZNwxhFURRFURT1LzNMy87lC4V8zj4wjX0IxcMSfKnkHCkmXLsMscresULCr8SFzzxfEVE9qSUZAKdnVRXGeT2ZiLIu5I1GM90AaLVljeAyywC4upYzwk62AdANpRCbxwCwZYwenwHQwxv9AS8yGKKREa8BMMIaY34DYLz/gaCHcjMRQSa3KGQqYgBMUcidGHKPMQIxAyBAINwLcRdmQWbs8PHqCKQlirQQyEwUmSGQuSgyRyALUWTxWxEtj0vLxGt5hbUsRi3bipYNUnTmMfOu6aO1FEOWKETLQULPkUjL4Y4NuY+pD300ouXAzf3r8ChjsLDLY3TkfoLYap1trFdyBmPtzC2/2ZA1tm3SDUcBse0p5bKg9qzGYMz3koyKqmuPKNf76QLHdhUSUS/O96uoTVEx8ZFhvu4u1aw31YOgKIqiKIqi/kjvtx9r0L6s7nkAAAAASUVORK5CYII=);background-repeat:repeat;background-size:10px}.green-text{color:#64ffda}.green-square,.white-square{background-color:#64ffda;display:inline-block;height:.2em;margin:0;width:.2em}.white-square{background-color:#fff}.overlay-row{position:relative;z-index:1}.white-space-nowrap{white-space:nowrap}.btn{align-items:center;border:1px solid #64ffda;border-radius:5px;color:#fff;display:flex;flex-wrap:nowrap;font-size:1.2rem;justify-content:center;padding:10px 60px;transition:.3s}.btn:hover{color:#fff;opacity:.5}.btn:focus{box-shadow:none;outline:none}.btn .long-arrow{padding-left:10px;position:relative}.btn .long-arrow .horizontal-rectangle{background-color:#fff;height:1px;width:30px}.btn .long-arrow .top-inclined-rectangle{background-color:#fff;height:1px;position:absolute;right:0;top:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.btn .long-arrow .bottom-inclined-rectangle{background-color:#fff;height:1px;position:absolute;right:0;top:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:5px}@media (max-width:767px){html{overflow:auto}}@media (max-width:575px){.round-white-icon{font-size:1em;height:30px;width:30px}}.section{background-color:#0a192f;color:#fff;height:100vh;padding:5vh 100px;position:relative;width:100%}.section,.section-side-div{display:flex;flex-direction:column}.section-side-div{align-content:center;height:100%;justify-content:center}@media (max-width:767px){.section{padding:30px}.section-description h1{font-size:2.8rem}.section-description p{font-size:1rem}}@media (max-width:575px){.section{padding:15px}.section-side-div{height:auto;margin-top:0}.section-description{height:auto;justify-content:flex-start}}#home{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 100vw #0a192fd8}#personal-info-div{font-size:1rem;margin-top:50px;text-align:start}#personal-info-div .info{position:relative}#personal-info-div .info a{color:#fff}#personal-info-div .info a:hover{opacity:.5}#personal-info-div .info .bold-text{color:#64ffda;font-weight:700;text-transform:uppercase}#personal-info-div .info .info-text{font-weight:400;left:0;padding-left:160px;position:absolute}#contact-info{display:flex;flex-direction:column}#contact-info>div{align-content:center;align-items:center;display:flex;padding:5px 0}#top-bar{display:flex;height:40px;justify-content:space-between}#top-bar #logo,#top-bar .fas{font-size:35px}#top-bar #logo{cursor:default;font-weight:700;-webkit-user-select:none;user-select:none}#top-bar #menu-bar-button{cursor:pointer}#self-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:400px;max-width:400px;position:relative;transition:.6s;width:400px;z-index:1}#pattern-ball-1,#pattern-ball-2{height:100px;position:absolute;transition:.6s;width:100px}#pattern-ball-1{left:-40px;top:-40px}#pattern-ball-2{bottom:-80px;height:150px;right:-70px;width:150px}#self-image:hover{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}#self-image:hover #pattern-ball-1{-webkit-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}#self-image:hover #pattern-ball-2{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}#section-green-circle{background-color:#64ffda;border-radius:50%;bottom:-11.25rem;display:block;height:115.2%;margin:0;max-height:700px;max-width:800px;position:absolute;right:-11.25rem;width:70%;z-index:1}@media (max-width:1060px){#personal-info-div .info{display:flex;flex-direction:column;flex-wrap:wrap}#personal-info-div .info .info-text{flex:1 1;padding:0;position:inherit;white-space:inherit}#personal-info-div .info span{white-space:nowrap}}@media (max-width:767px){#self-div:hover #pattern-ball-1{-webkit-transform:translateY(80px);transform:translateY(80px)}#pattern-ball-2{bottom:auto;left:250px;top:250px}#section-green-circle{height:500px;width:500px}#top-bar #logo,#top-bar .fas{font-size:30px}#self-image{height:300px;width:300px}#self-image:hover,#self-image:hover #pattern-ball-1,#self-image:hover #pattern-ball-2{-webkit-transform:none;transform:none}}@media (max-width:575px){#luan-rights-reserved{display:none}#top-bar{margin-bottom:20px}#top-bar #logo,#top-bar .fas{font-size:20px}#self-image{margin:auto;max-width:250px}#pattern-ball-1,#pattern-ball-2,#section-green-circle{display:none}#personal-info-div{font-size:15px;margin:0}#personal-info-div .info{align-items:center;flex-direction:row;height:30px;margin:0}#personal-info-div .info .bold-text{font-size:12px;margin-bottom:-2px}}@media (max-width:400px){#self-image{height:200px;width:200px}}#ide-image{background-position:0 0;background-repeat:no-repeat;background-size:cover;height:90vh;width:100vw}@media (max-width:575px){#about-me>.row{justify-content:space-between}}@media (max-width:450px){#about-me>.row>div:not(.ide-div){width:70%}#about-me>.row #ide-div{flex:0 1!important;width:30%}}#portfolio{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 100vw #0a192f90;height:auto}#portfolio-title{align-items:center;height:auto;justify-content:start}#portfolio-wrapper{background-color:#0a192f;border-radius:10px;min-height:40px;padding:40px;width:100%}#portfolio-wrapper .row{height:100%;overflow-x:hidden;overflow-y:auto}#portfolio-wrapper .row::-webkit-scrollbar{width:3px}#portfolio-wrapper .row>div{padding:10px}.portfolio-box{background-color:#112240;border-radius:5px;box-shadow:5px 1px 12px 1px #00000040;cursor:pointer;position:relative;transition:.2s}.portfolio-box .image{background-repeat:no-repeat;background-size:cover;border-radius:5px 5px 0 0;height:140px;width:100%}.portfolio-box .description-div{display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:20px}.portfolio-box .description-div .tags{display:flex;flex-wrap:wrap}.portfolio-box .description-div .tags span{border:1px solid #64ffdaaa;border-radius:5px;box-shadow:1px 1px 1px 1px #0000007f;cursor:pointer;display:block;font-size:14px;margin:3px;padding:3px;transition:.2s}.portfolio-box .description-div .tags span:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.portfolio-box .title-div{align-content:center;align-items:center;display:flex;flex-wrap:nowrap;height:50px;justify-content:space-between}.portfolio-box .title-div h5{font-family:Gotham Black;font-weight:700;margin:0}.portfolio-box .title-div i{margin-top:-5px}.portfolio-box .description{font-size:1rem}.portfolio-box .description p{-webkit-line-clamp:9;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.portfolio-box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.modal{background-color:rgba(0,12,31,.9);display:block;height:100vh;left:0;padding:60px 15vw;position:fixed;top:0;width:100vw;z-index:0}.modal .modal-dialog{background-color:#000c1f;border:1px solid #00ca9a;border-radius:5px;padding:20px;pointer-events:auto;z-index:0}.modal header{display:flex;justify-content:space-between}.modal header h1{font-family:Gotham Black;font-size:2rem}.modal header i{cursor:pointer;font-size:2rem}.modal .image-list{height:calc(100vh - 190px)}.modal .image-list .image{background-position:0 0;background-repeat:no-repeat;background-size:cover;height:100%}.modal .row{flex-wrap:nowrap}.modal .row>.icon{align-items:center;display:flex;flex:0 1}.modal .row>.icon i{cursor:pointer;font-size:2rem}.modal .row>.image-wrapper{flex:1 1}.modal .points{display:flex;justify-content:center;margin-top:10px}.modal .points .fa-circle{font-size:12px;padding:0 5px}.modal .points .fa-circle:not(.active){color:#444}.modal .description{font-size:20px;padding:52px}@media (max-width:1286px){.portfolio-box .description-div .tags span{font-size:10px}}@media (max-width:767px){.modal{padding:20px}.modal header h1{font-size:2rem}}@media (max-width:575px){.modal{padding:5px}.modal .image-wrapper{width:0}}#education{height:auto}#education>h3{font-size:1.2rem;text-transform:uppercase}#education .career-history-progress{border-left:2px solid #64ffda;max-width:600px;padding:10px 0 5px 20px;position:relative}#education .career-history-progress header{display:flex;flex-direction:column;line-height:0px;line-height:15px}#education .career-history-progress header h6{color:#64ffda;font-size:1.1rem;margin:0;text-transform:uppercase}#education .career-history-progress header span{color:#ddd;font-size:.8rem}#education .career-history-progress .description{font-size:1rem;margin-top:5px}#education .career-history-progress:before{background-color:#0a192f;border:2px solid #64ffda;border-radius:10rem;content:"";height:10px;left:-6px;position:absolute;top:-2px;width:10px}#awards{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 100vw #0a192fb0}#awards>h1{align-items:baseline;display:flex;justify-content:center}#awards>h1,#awards>h1 span{font-family:Gotham Black;font-size:calc(2.5rem + 1.3vw);line-height:.9em}#awards>h1 .green-square{background-color:#fff}#awards .image-wrapper{background-color:#0a192f;border-radius:5px;display:flex;flex-direction:column;height:100%;padding:30px 180px 0}#awards .image-wrapper .image{background-position:100%;background-repeat:no-repeat;background-size:cover;border-radius:5px;flex:1 1}#awards .description{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;text-align:center;width:100%}#awards .description .title{background-color:#000c1f;border-radius:5px;display:block;font-size:1.2rem;padding:5px}@media (max-width:1199px){#awards .image-wrapper{padding:30px 140px 0}}@media (max-width:991px){#awards .image-wrapper{padding:30px 30px 0}}@media (max-width:575px){#awards .image-wrapper .image{background-position:50%}}#education,#skills{height:auto}#education h4,#skills h4{font-size:1.2rem;text-transform:uppercase}#education .skill-flex,#skills .skill-flex{display:flex;flex-wrap:wrap}#education .skill-flex .skill-box,#skills .skill-flex .skill-box{cursor:pointer;max-width:100px;padding:10px;transition:.2s;width:25%}#education .skill-flex .skill-box img,#skills .skill-flex .skill-box img{border:15px solid #fff;border-radius:5px;outline:none;width:100%}#education .skill-flex .skill-box:hover,#skills .skill-flex .skill-box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}#education .progress-bar-div,#skills .progress-bar-div{font-size:14px;margin-bottom:20px;max-width:370px}#education .progress-bar-div .info,#skills .progress-bar-div .info{display:flex;justify-content:space-between;margin-bottom:5px}#education .progress-bar-div .info .description,#skills .progress-bar-div .info .description{color:#fff;text-transform:uppercase}#education .progress-bar-div .empty-bar,#skills .progress-bar-div .empty-bar{background-color:#ccc;border-radius:10rem;height:5px}#education .progress-bar-div .empty-bar .color-bar,#skills .progress-bar-div .empty-bar .color-bar{background-color:#64ffda;height:100%}@media (max-width:900px){#education .skill-flex .skill-box span,#skills{font-size:.8rem}}@media (max-width:575px){#education .skill-flex .skill-box,#skills{width:25%}}#message{flex-direction:column}#message,#message>h1{display:flex;justify-content:center}#message>h1{align-items:baseline}#message>h1,#message>h1 span{font-family:Gotham Black}#message .form-group{margin-top:20px}#message .form-control{background:transparent;border:0;border-bottom:1px solid #64ffda;border-radius:0;box-shadow:none;color:#fff;font-size:1.2rem;font-weight:700;line-height:20px;padding:0}#message .form-control:focus{outline:none}#message #menssage-text{border:1px solid #64ffda;border-radius:0;padding:5px}@media (max-width:767px){#message .btn{padding:10px;width:100%}}#load-screen{align-content:center;align-items:center;background:#0a192f;color:#fff;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:1s;width:100vw;z-index:2}#load-screen #type-animation{cursor:default;display:block;font-size:35px;font-weight:700;opacity:0;position:fixed;transition:1s;-webkit-user-select:none;user-select:none}@media (max-width:767px){#load-screen #type-animation{font-size:30px;font-size:20px}}
/*# sourceMappingURL=main.28b86aee.css.map*/