body{min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.App{min-height:100vh}.App{background-color:#e4dad0}main{min-height:100vh;box-sizing:border-box;margin-left:260px}@media only screen and (max-width:600px){main{margin:0;width:100%}}.side-bar{overflow:auto;text-align:center;position:fixed;top:0;left:0;background-color:#111;height:100vh;width:260px}.side-bar .icon{margin-top:10vh}.side-bar .icon img{border-radius:50%;width:65px}.side-bar h2{font-size:x-large;font-family:"Fjalla One",sans-serif;font-weight:700;color:#fff;margin-top:5vh;margin-bottom:5vh}.side-bar ul{padding:0}.side-bar ul li{padding:0;margin-bottom:0;list-style:none}.side-bar ul li a{padding:18px 8px;font-weight:700;font-size:15px;color:#818181;display:block;font-family:"Verdana","Arial",sans-serif;text-decoration:none}.side-bar ul li .home-link,.side-bar ul li :active,.side-bar ul li :hover{color:#f5b43f}.side-bar .footer{position:absolute;left:50px;bottom:20px;color:#7e7e7e;font-size:13px}@media only screen and (max-width:600px){.side-bar{display:none}}.home{overflow:hidden;background-color:#000;width:100%;height:100vh;position:relative;display:block;text-align:center}.home .title{margin-top:30vh}.home .title h1{white-space:nowrap;overflow:hidden;font-family:"Anton",monospace;font-size:70px;color:#fff;display:inline-block}.home .title h1 span{color:#f5b43f}.home .css-typing{margin-top:5%;margin-left:10%}.home .css-typing .indent{margin-left:40px}.home .css-typing p{color:#fff;border-right:.15em solid orange;font-family:"Courier";white-space:nowrap;overflow:hidden;font-size:18px}.home .css-typing p span{text-align:left}.home .css-typing p .pink{color:#c586c0}.home .css-typing p .dark-blue{color:#3f8bb4}.home .css-typing p .light-blue{color:#9cdcfe}.home .css-typing p .orange{color:#ce9178}.home .css-typing p:first-child{width:11em;-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.home .css-typing p:nth-child(2){width:15.8em;opacity:0;-webkit-animation:type2 2s steps(40);animation:type2 2s steps(40);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.home .css-typing p:nth-child(3){width:17.8em;opacity:0;-webkit-animation:type2 2.8s steps(60);animation:type2 2.8s steps(60);-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.home .css-typing p:nth-child(4){width:21em;opacity:0;-webkit-animation:type2 4s steps(80);animation:type2 4s steps(80);-webkit-animation-delay:6.8s;animation-delay:6.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.home .css-typing p:nth-child(5){width:1em;opacity:0;-webkit-animation:type2 .1s steps(80);animation:type2 .1s steps(80);-webkit-animation-delay:10.8;animation-delay:10.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}@media only screen and (max-width:600px){.home{height:50vh}.home .title{margin-top:0}.home .title h1{font-size:10vw}.home .css-typing{margin:0 0 0 50px}.home .css-typing p{font-size:12px}}@media only screen and (max-width:600px){.experience{display:block}}.project{display:none;min-height:100%;overflow:hidden;text-align:center;background-color:#e4dad0}.project h1{margin-top:60px;line-height:23px;padding:0 0 0 10px;display:inline-block;font-weight:900;font-size:35px;border-left:23px solid #6e91db}.project .project-cell{display:flex;margin:50px auto;background-color:#fff;height:320px;width:600px;border-left:10px solid #6e91db;box-shadow:-11.31px 11.31px 25px 0 rgba(138,131,124,.35);text-align:left}.project .project-cell .left{padding:15px 3%;width:54%}.project .project-cell .left .proj-title{font-size:20px;-webkit-text-decoration:#6e91db underline double;text-decoration:#6e91db underline double;font-weight:bolder}.project .project-cell .left .content{font-size:16px;font-family:"Roboto",sans-serif;font-weight:300}.project .project-cell .data-science{background-image:url(/static/media/data-science.d12fb4d8.jpg)}.project .project-cell .web-dev{background-image:url(/static/media/Web-Development.b503c7a7.jpg)}.project .project-cell .chatbot{background-image:url(/static/media/Chatbot-Blog.4c70ba93.jpg)}.project .project-cell .stock{background-image:url(/static/media/stock.a73e4dca.jpeg)}.project .project-cell .right{height:100%;width:50%;background-position:50%;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width:900px){.project .project-cell{width:auto;height:auto;margin:50px 20px;display:block}.project .project-cell .left,.project .project-cell .right{padding:10px;width:auto}.project .project-cell .right{height:200px}}@media only screen and (max-width:600px){.project{display:block}}.gallery{display:none;width:100%;min-height:100vh;overflow:hidden;text-align:center;background-color:#e4dad0}.gallery h1{margin:60px auto;line-height:23px;padding:0 0 0 10px;display:inline-block;font-weight:900;font-size:35px;border-left:23px solid #6e91db}.gallery .intro{margin:auto;max-width:600px;text-align:center;font-family:"Open Sans",sans-serif}.gallery .gallery-container{margin:50px auto;width:100%;display:flex;flex-wrap:wrap;justify-content:center}.gallery .gallery-container div{width:350px;margin:10px;border-left:10px solid #6e91db}.gallery .gallery-container div img{width:100%}@media only screen and (max-width:600px){.gallery{display:block}}.about-me{display:none;overflow:hidden;min-height:100vh;text-align:center;background-color:#e4dad0}.about-me h1{margin-top:60px;line-height:23px;padding:0 0 0 10px;display:inline-block;font-weight:900;font-size:35px;border-left:23px solid #6e91db}.about-me .school-outter{margin:50px auto}.about-me .school-outter h2{margin:40px auto;max-width:760px;text-align:left;font-weight:900}.about-me .school{box-shadow:-11.31px 11.31px 25px 0 rgba(138,131,124,.23);margin:auto;max-width:760px;padding:20px 30px;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.about-me .school .school-left{text-align:left;width:50%}.about-me .school .school-left .date{color:#6e91db;font-style:italic;font-weight:400;font-size:20px}.about-me .school .school-left .school-name{font-weight:bolder;padding-left:10px;line-height:15px;border-left:15px solid #6e91db}.about-me .school .school-left .address,.about-me .school .school-left .degree,.about-me .school .school-left .major{color:#696767;margin-left:25px}.about-me .school .school-right{line-height:25px;font-family:"Roboto",sans-serif;font-weight:300;text-align:left;padding-top:40px;width:50%}.about-me .skills{margin:50px auto}.about-me .skills h2{margin:40px auto;max-width:760px;text-align:left;font-weight:900}.about-me .container{box-shadow:-11.31px 11.31px 25px 0 rgba(138,131,124,.23);margin:auto;max-width:760px;padding:20px 30px;background-color:#fff;display:flex}.about-me .container .description{line-height:25px;font-family:"Roboto",sans-serif;font-weight:300;text-align:left;padding:10px;width:50%}.about-me .container ul{margin:0;width:50%;padding:10px}.about-me li{text-align:left;position:relative;list-style:none;margin:0 0 30px;font-weight:500;text-transform:uppercase}.about-me li:before{width:100%;background-color:rgba(0,0,0,.3)}.about-me li:after,.about-me li:before{content:"";position:absolute;top:calc(100% + 1px);left:0;height:15px}.about-me li:after{width:0;background-color:#6e91db;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.about-me li.html:after{-webkit-animation-name:html;animation-name:html}@-webkit-keyframes html{to{width:90%}}@keyframes html{to{width:90%}}.about-me li.react:after{-webkit-animation-name:react;animation-name:react}@-webkit-keyframes react{to{width:80%}}@keyframes react{to{width:80%}}.about-me li.python:after{-webkit-animation-name:python;animation-name:python}@-webkit-keyframes python{to{width:85%}}@keyframes python{to{width:85%}}.about-me li.c:after{-webkit-animation-name:c;animation-name:c}@-webkit-keyframes c{to{width:70%}}@keyframes c{to{width:70%}}@media only screen and (max-width:1050px){.about-me .school-outter,.about-me .skills{margin:0 20px}.about-me .school-outter h2,.about-me .skills h2{margin-left:20px}.about-me .container,.about-me .school{box-shadow:0 0 10px #807f7f;margin:0 auto;display:block}.about-me .container .school-left,.about-me .container .school-right,.about-me .school .school-left,.about-me .school .school-right,.skills .container .description,.skills .container ul{width:100%}}@media only screen and (max-width:600px){.about-me .school-outter h2{margin-left:20px}.about-me .school{box-shadow:0 0 10px #807f7f;display:block}.about-me .school .school-left,.about-me .school .school-right{width:100%}}@media only screen and (max-width:600px){.about-me{display:block}}.experience{overflow:hidden;min-height:100vh;text-align:center;background-color:#e4dad0}.experience,.experience .hidden{display:none}.experience h1{margin-top:60px;line-height:23px;padding:0 0 0 10px;display:inline-block;font-weight:900;font-size:35px;border-left:23px solid #6e91db}.experience .timeline-container{margin:50px auto}.experience .timeline-container h2{margin:40px auto;max-width:760px;text-align:left;font-weight:900}.experience .timeline{padding:30px 0;background-color:#fff;position:relative;max-width:760px;margin:0 auto;box-shadow:-11.31px 11.31px 25px 0 rgba(138,131,124,.35)}.experience .timeline:after{content:"";position:absolute;width:2px;background-color:#8b8b8b;top:50px;bottom:50px;left:30%;margin-left:-3px}.experience .intern-container{display:flex;margin:30px 0}.experience .left{position:relative;width:30%;text-align:right}.experience .left p{padding:0 30px}.experience .right{text-align:left;position:relative;width:70%}.experience .right p{padding:0 30px}.experience .right .description{font-family:"Open Sans",sans-serif;font-weight:300}.experience .right .position{font-size:20px;font-weight:bolder;line-height:15px}.experience .right .company-container{padding:0 30px}.experience .right .company{font-weight:bolder;line-height:15px;border-left:15px solid #6e91db;padding-left:5px}.experience .right:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:16px;left:-9px;background-color:#fff;border:4px solid #6e91db;z-index:1}.experience .comp-outter{margin:50px auto}.experience .comp-outter h2{margin:40px auto;max-width:760px;text-align:left;font-weight:900}.experience .comp{box-shadow:-11.31px 11.31px 25px 0 rgba(138,131,124,.35);margin:auto;max-width:760px;padding:20px 30px;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.experience .comp .comp-left{text-align:left;width:50%}.experience .comp .comp-left .date{color:#6e91db;font-style:italic;font-weight:400;font-size:20px}.experience .comp .comp-left .competition-name{margin-bottom:25px;font-weight:bolder;padding-left:10px;line-height:15px;border-left:15px solid #6e91db}.experience .comp .comp-left .info{color:#696767;margin-left:25px}.experience .comp .comp-right{font-family:"Open Sans",sans-serif;font-weight:300;text-align:left;width:50%}.experience .comp .comp-right .medal{font-style:italic;font-weight:700}.experience .comp .comp-right .medal span{font-weight:400}body .modal{padding-left:260px}body .modal .img-container{text-align:center}body .modal .img-container .ml-research-img{max-width:100%}body .modal-dialog{max-width:700px}.experience-learn{border:0;margin:0;float:right}.experience-learn p a{text-decoration:none}.competition-learn,.experience-learn p a{font-weight:bolder;color:#000}.comp-left a:hover,.competition-learn,.experience-learn p a{-webkit-text-decoration:5px #6e91db underline;text-decoration:5px #6e91db underline}.comp-left a:hover{color:#0056b3}@media only screen and (max-width:1050px){.experience .hidden{display:block}.experience .comp-outter h2{margin:0 20px}.experience .comp{margin:50px 20px;display:block}.experience .comp .comp-left,.experience .comp .comp-right{width:100%}.experience .timeline-container{margin:0 20px}.experience .left,.experience .timeline:after{display:none}.experience .right{width:100%}.experience .right:after{display:none}}@media only screen and (max-width:600px){.experience{display:block}.experience .timeline:after{display:none}.experience .right .position{font-size:17px}.experience .right .company{font-size:15px}.experience .left{display:none}.experience .right{width:100%}.experience .right:after{display:none}}