.navbar-dark{background-color:rgba(32,35,33,.8);display:flex!important;justify-content:space-between!important}.navbar-dark .navbar-brand{position:absolute;left:1%;color:#bea65d!important}.navbar{justify-content:space-between!important}.navbar,.navbar-nav{display:flex!important}.navbar-nav{justify-content:space-between;width:300px!important}.navbar-nav .link-container{display:flex!important;text-align:right}.navbar-nav .link-container .nav-link{color:#bea65d!important}.navbar-nav .link-container .nav-link a{cursor:pointer}*{box-sizing:border-box;margin:0 auto}*,.home{font-family:Questrial,Tahoma,Geneva,Verdana,sans-serif}.home{background:url(/static/media/background.9426318b.jpg);background-attachment:fixed;background-size:cover;color:#fff;height:110vh!important;line-height:1.5;border-bottom:1rem solid #000}.home .layer{background:rgba(32,35,33,.8);position:absolute;top:0;left:0;width:100%;height:110vh}h1,h2,h3{margin:0}h1,h1.lg-heading,h2,h2.lg-heading,h3,h3.lg-heading{font-family:Questrial,Tahoma,Geneva,Verdana,sans-serif}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:8rem;text-align:center}h1.sm-heading,h2.sm-heading,h3.sm-heading{margin-bottom:2rem;padding:.2rem 1rem;text-align:center}a{color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%;font-family:Questrial,Tahoma,Geneva,Verdana,sans-serif}.fas,.text-secondary{color:#7a52aa}.fas{padding-bottom:1rem}.App{display:flex;flex-direction:column;text-align:center}.App .section{height:100vh;width:100%}.App .section-sm{height:50vh;width:100%;padding:5rem}.App .projects-app{padding-top:4rem;background:#202321;border-top:10px solid #000;border-bottom:10px solid #000;height:115vh}.App .projects-app .page{overflow:hidden;width:100%;height:500px}.App .projects-app .projects-title{margin-bottom:5rem;color:#c1ccc7;font-size:3rem}.App .projects-app .function-button{color:#fff;font-weight:100;height:4rem;width:4rem;text-align:center;font-family:Tahoma,sans-serif!important;background-color:rgba(122,82,170,.5);margin:1rem 4rem;border-radius:100px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border:1px solid #000}.App .projects-app .function-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.App .projects-app .btn-container{display:flex;justify-content:space-around;align-content:flex-end;width:400px;padding-top:1rem}.App .projects-app .btn-container .card-btn{width:40%;color:#bea65d;font-size:1.4rem}.App .projects-app .btn-container .card-btn i{color:#7a52aa}.App .projects-app .card{-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer;padding:25px;width:inherit!important;height:40%;text-align:left;margin:0 auto}.App .projects-app .card:hover{background-color:#fff}.App .projects-app .card img{max-width:100%;margin:0 auto;display:block;border:1px solid #000}.App .projects-app .card .test-email-text{font-weight:900;padding-top:2rem}.App .projects-app .card .details{position:relative;padding-top:1rem}.App .projects-app .card .features{list-style:none;padding:0;margin:0}.App .projects-app .card .features li{padding-left:24px;margin-right:10px;display:inline-block}.App .projects-app .card .features li span{display:none}.App .projects-app .cards-slider-wrapper{display:flex;position:absolute;-webkit-transition:-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);transition:-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);transition:transform .3s cubic-bezier(.455,.03,.515,.955);transition:transform .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955)}.App .projects-app .cards-slider-wrapper .card{margin-left:4rem;flex:1 1;min-width:375px;height:450px;opacity:.7;-webkit-transform:scale(.8);transform:scale(.8);box-shadow:none;background-color:#fff;-webkit-transition:all .3s linear,scale .5s linear;transition:all .3s linear,scale .5s linear}.App .projects-app .cards-slider-wrapper .card .icon-container{display:flex;background:#bea65d;justify-content:space-between;width:100%}.App .projects-app .cards-slider-wrapper .card .details{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.App .projects-app .cards-slider.active-slide-0 #card-0{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-0 #card-0 .details{opacity:1}.App .projects-app .cards-slider.active-slide-1 #card-1{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-1 #card-1 .details{opacity:1}.App .projects-app .cards-slider.active-slide-2 #card-2{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-2 #card-2 .details{opacity:1}.App .projects-app .cards-slider.active-slide-3 #card-3{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-3 #card-3 .details{opacity:1}.App .projects-app .cards-slider.active-slide-4 #card-4{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-4 #card-4 .details{opacity:1}.App .projects-app .cards-slider.active-slide-5 #card-5{opacity:1;height:450px;-webkit-transform:scale(1);transform:scale(1);background-color:#fff;z-index:2}.App .projects-app .cards-slider.active-slide-5 #card-5 .details{opacity:1}.App .projects-app .col{height:400px;position:relative}.App .projects-app .col:after,.App .projects-app .col:before{content:"";display:block;width:50%;height:450px;background:-webkit-gradient(linear,left top,right top,color-stop(15%,rgba(32,35,33,.2)),to(rgba(32,35,33,.2)));background:linear-gradient(90deg,rgba(32,35,33,.2) 15%,rgba(32,35,33,.2));position:absolute;top:0;left:0;z-index:2}.App .projects-app .col:after{left:auto;right:0;background:-webkit-gradient(linear,right top,left top,color-stop(15%,rgba(32,35,33,.2)),to(rgba(32,35,33,.2)));background:linear-gradient(270deg,rgba(32,35,33,.2) 15%,rgba(32,35,33,.2))}.App .projects-app .cards-slider{position:relative;max-width:500px;margin:0 auto}.App .projects-app .cards-slider:after{content:"";display:block;margin-left:4rem;width:375px;height:450px;border:5px solid #7a52aa;box-shadow:2px 3px 10px rgba(0,0,0,.5);position:absolute;top:0;left:0}.App .about{padding-top:5rem;height:105vh}.App .about .title{font-size:3rem}.App .about .qualities{display:flex;justify-content:space-around;padding-top:5rem;max-width:80%}.App .about .qualities .quality{display:flex;flex-direction:column;max-width:20%}.App .about .qualities p{font-size:1.15rem}.App .about .qualities h3{font-size:1.8rem;font-weight:600}.App .about .about-btm{display:flex;padding:7rem 0}.App .about .about-btm .bio{display:flex;flex-direction:column;width:33%;font-size:1.3rem}.App .about .about-btm .bio .portrait{width:350px;height:350px;background:url(/static/media/deejaySM.035d709c.jpg);background-size:cover;background-position:50%;border-radius:50%;border:3px solid #7a52aa;margin-bottom:1rem}.App .about .about-btm .skills{width:30%}.App .about .about-btm .skills .skill-item{padding-bottom:1.5rem}.App .about .about-btm .skills .skill-item h3{font-size:1rem}.App .about .about-btm .skills .skill-item .progress-bar{background:rgba(32,35,33,.2);position:relative;display:block;height:20px;border-radius:30px;border:1px solid rgba(32,35,33,.3);box-shadow:inset 0 1px 2px rgba(32,35,33,.8),0 1px hsla(0,0%,100%,.8)}.App .about .about-btm .skills .skill-item .progress-bar .filler{position:relative;vertical-align:middle;float:left;height:19px;border-radius:10px;overflow:hidden;background-color:#7a52aa;background-size:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(#7a52aa),to(#202321));background-image:linear-gradient(180deg,#7a52aa,#202321);-webkit-animation:progress-anim-1 10s 1 forwards;animation:progress-anim-1 10s 1 forwards}.App .about .about-btm .skills .skill-item .progress-bar .filler:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-size:100%;background-image:linear-gradient(45deg,transparent 25%,#7a52aa,transparent 50%,#7a52aa,transparent 75%,#7a52aa,transparent);background-size:30px 30px;opacity:.3;-webkit-animation:progress-anim-1-after 5s infinite;animation:progress-anim-1-after 5s infinite}@-webkit-keyframes progress-anim-1{0%{width:0}to{width:100%}}@keyframes progress-anim-1{0%{width:0}to{width:100%}}@-webkit-keyframes progress-anim-1-after{to{background-position:100px 100%}0%{background-position:0 100%}}@keyframes progress-anim-1-after{0%{background-position:0 100%}to{background-position:30px 100%}}.App .about .about-btm .skills .skill-item .progress-bar .css,.App .about .about-btm .skills .skill-item .progress-bar .html{max-width:99%}.App .about .about-btm .skills .skill-item .progress-bar .javascript,.App .about .about-btm .skills .skill-item .progress-bar .react{max-width:90%}.App .about .about-btm .skills .skill-item .progress-bar .java{max-width:85%}.App .about .about-btm .skills .skill-item .progress-bar .node{max-width:75%}.App .contact-title{padding-top:5rem;font-size:3rem}.App #contact{background:url(/static/media/background.9426318b.jpg);background-attachment:fixed;background-size:cover;width:100%;color:#fff;display:flex;flex-direction:column;align-items:center}.App #contact .layer{background:rgba(32,35,33,.8);width:100%;height:80vh}.App #contact .btn{color:#fff;font-weight:200;font-family:Tahoma,sans-serif!important;background-color:rgba(122,82,170,.9);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border:1px solid #000}.App #contact .btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.App #contact .flex-col{display:flex;flex-direction:column;align-items:center}.App #contact .flex-col label{font-size:1.5rem}.App #contact .flex-col input{width:350px;margin-bottom:2rem;text-justify:start}.App #contact #message{height:150px}.App #contact button{max-width:100px}.App main{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 4rem 20rem}.App main .icons{margin-top:10rem;z-index:1}.App main .icons,.App main .icons a{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.App main .icons a{padding:2rem}.App main .icons a:hover{color:#7a52aa}.App .footer{background:#202321;width:100%;height:120px;padding-top:2rem;border-top:10px solid #000}.App .footer .icons{width:20%;display:flex;justify-content:space-between}.App .footer .icons .fab{color:#7a52aa}.App .footer .copyright{color:#bea65d;padding-top:1rem}.App .jumbotron{position:absolute;display:flex;flex-direction:column;background:rgba(3,0,0,0);color:#c1ccc7;width:100%;height:80%;top:20%}.App .jumbotron h1{color:rgba(122,82,170,.4);text-align:center;font-size:12rem;font-weight:500;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#c1ccc7}.App .jumbotron .btn{margin-top:2rem;color:#c1ccc7;font-weight:200;font-family:Tahoma,sans-serif!important;background-color:rgba(122,82,170,.3);border:1px solid #c1ccc7;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.App .jumbotron .btn:hover{background-color:rgba(122,82,170,.9);border:1px solid #000;color:#c1ccc7}.App .jumbotron .console-container{font-family:Questrial;font-size:1.8em;text-align:center;color:#bea65d;margin-top:2rem}.App .jumbotron .console-underscore{display:inline-block;position:relative;top:-.14em;left:10px}@media screen and (max-width:768px){.link-container{width:250px}.display-3{font-size:1000%!important}.console-text{font-size:1.5rem;margin-bottom:12rem!important}.btn-primary{-webkit-transform:scale(1.5);transform:scale(1.5);margin-top:8rem!important}.btn-primary:hover{-webkit-transform:scale(1.6);transform:scale(1.6)}.about .qualities p,.about .skills{display:none}.about .about-btm{padding-top:2rem!important}.about .bio{display:flex;flex-direction:row!important;width:100%!important}.about .bio .portrait{-webkit-transform:scale(.75);transform:scale(.75);float:left}.about .bio .myBio{width:250px;padding-top:2rem;margin-top:4rem}}@media screen and (max-width:500px){.projects-app .projects-title{margin-bottom:1rem!important}.cards-slider-wrapper .card{margin-left:0!important;min-width:370px!important}.cards-slider{max-width:370px!important}.cards-slider:after{margin-left:0!important;width:370px!important}.display-3{font-size:5rem!important}.console-text{font-size:1.2rem}.link-container{float:right!important}.about{margin-bottom:6rem}.about .qualities{padding:0!important;width:100%!important;justify-content:space-between!important}.about .qualities .quality{margin-left:1rem}.about .qualities .quality h3{font-size:1rem!important}.about .bio{flex-direction:column!important}.about .bio .myBio{width:300px!important;padding:0!important}.about .portrait{border-radius:55px!important;width:70%!important;margin-top:1rem!important}.section-sm{padding:0!important}a.navbar-brand{display:none}.icons{display:flex!important;justify-content:space-around!important}.icons .fab{margin:0 1rem}}@media screen and (max-width:768px){.about{height:110vh!important}.about .qualities{padding-top:1rem!important}.about .qualities h3{font-size:1.2rem!important}.about .bio{flex-direction:column!important}.about .myBio{width:400px!important;padding:0!important;margin-top:1.5rem!important}.about .portrait{border-radius:15px!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;margin-top:1rem!important}.contact{height:57vh!important;width:100%!important}.icons{display:flex!important;justify-content:space-around!important}.icons .fab{margin:0 1rem}}@media screen and (min-width:769px) and (max-width:1170px){.link-container{width:100%}.about .about-btm,.about .qualities{padding-top:2rem!important}.about .myBio{width:250%;padding-top:2rem}}
/*# sourceMappingURL=main.ce0aa385.chunk.css.map */