.topbar{background-color:#e0dede;color:#15023a;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}@media(max-width:768px){.topbar{height:50px}}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-family:Apple Chancery;font-size:25px;font-weight:700;margin-right:40px;text-decoration:none;transition:all .1s ease}@media(max-width:768px){.topbar .wrapper .left .logo{font-size:14px;margin-right:16px}}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{margin-left:13px}}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}@media(max-width:768px){.topbar .wrapper .left .itemContainer span{font-size:11px;font-weight:400}}.topbar .wrapper .left .itemContainer a{font-size:15px;font-weight:500}@media(max-width:768px){.topbar .wrapper .left .itemContainer a{font-size:11px;font-weight:400}}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}@media(max-width:768px){.topbar .wrapper .right .hamburger{height:20px;width:25px}}.topbar .wrapper .right .hamburger span{background-color:#15023a;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#15023a;color:#fff}.topbar.active a{color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-image:url(/static/media/sky.e4684ad96804a43ce9d9.jpeg);background-position-y:-20vw;background-size:cover;display:flex;height:100vh}@media(max-width:768px){.intro{align-items:center;background-position-y:-67vw;flex-direction:column}}.intro .left{flex:.3 1;overflow:hidden}@media(max-width:768px){.intro .left{flex:.7 1}}.intro .left .imgContainer{align-items:flex-start;height:-webkit-min-content;height:min-content;margin-left:170px;margin-top:270px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.intro .left .imgContainer{flex:.3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:0;margin-top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.intro .left .imgContainer img{border-color:#11183b;border-radius:15%;border-style:inset;height:50%}@media(max-width:768px){.intro .left .imgContainer img{align-items:center;border-color:#5563ab;border-radius:50%;border-style:inset;margin-left:16vw;width:30vw}}.intro .left .connectOn{margin-left:29px;margin-top:100px}@media(max-width:768px){.intro .left .connectOn{margin-left:-10vw;margin-top:4px}}.intro .left .connectOn ul a{font-size:40px}.intro .left .connectOn ul li{display:inline-block;margin:20px}.intro .left .connectOn ul li .connect_icons{color:#5c79c3;font-size:54px;width:90px}@media(max-width:768px){.intro .left .connectOn ul li .connect_icons{font-size:44px;width:45px}}.intro .left .connectOn ul li .connect_icons2{color:#8c8c8c;font-size:45px;width:90px}@media(max-width:768px){.intro .left .connectOn ul li .connect_icons2{font-size:40px;width:45px}}.intro .left .connectOn ul li .connect_icons3{color:#000;font-size:35px;width:50px}@media(max-width:768px){.intro .left .connectOn ul li .connect_icons3{font-size:40px;width:45px}}.intro .right{flex:.73 1;overflow:hidden}@media(max-width:768px){.intro .right{flex:1 1}}.intro .right .wrapper{display:flex;flex-direction:column;font-family:Arial;height:100%;justify-content:center;margin-top:0;padding-left:50px;width:75%}@media(max-width:768px){.intro .right .wrapper{font-size:15px;height:90%;justify-content:flex-start;padding-left:20px;width:90%}}.intro .right .wrapper h1{color:#999fe4;display:inline;font-family:Arial,sans-serif;font-size:60px;margin:10px 0}@media(max-width:768px){.intro .right .wrapper h1{font-size:22px}}.intro .right .wrapper .intro1{color:#7691c3;font-family:Andale Mono Narrow;font-size:25px;margin-top:20px}@media(max-width:768px){.intro .right .wrapper .intro1{font-size:19px;margin-top:1px}}.intro .right .wrapper h3{font-size:30px}.intro .right .wrapper p{color:#e2e5ea;font-family:inherit;font-size:25px;margin-top:20px}@media(max-width:768px){.intro .right .wrapper p{color:azure;font-size:18px;margin-top:10px}}.intro .right .wrapper .college{color:#599eb5;display:inline;font-family:inherit;text-decoration:none}@media(max-width:768px){.intro .right .wrapper .interests{color:#5299ac}}.intro .right .arrow{bottom:1px;left:50%;position:absolute}@media(max-width:768px){.intro .right .arrow{bottom:50px;font-size:30px}}.intro .right .arrow .icon{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;font-size:50px}@media(max-width:768px){.intro .right .arrow .icon{font-size:30px}}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolio{background-color:#f0f8ff}.portfolio .portfolio_title{color:#00008b;font-family:arial;font-size:30px;margin:20px}@media(max-width:768px){.portfolio .portfolio_title{font-size:20px;margin:10px}}.portfolio ul{padding:15px;text-align:center}.portfolio ul li{background-color:#c3e2f1;border-radius:7px;color:#194a7c;display:inline-block;font-family:Optima,sans-serif;font-size:40px;margin-left:25px;margin-top:25px;padding:10px;vertical-align:top}@media(max-width:768px){.portfolio ul li{border-radius:6px;font-size:18px;margin-left:15px;margin-top:15px;padding:7px;text-align:center}}.portfolio ul li:hover{background-color:#f0f8ff;color:#000}.portfolio .skills{margin-top:10px}@media(max-width:768px){.portfolio .skills{margin-top:0}}.portfolio .skills ul img{font-size:40px}.portfolio .skills ul li{background-color:#f0f8ff;display:inline-block;margin:10px}.portfolio .skills ul li .skill1{color:blue;font-size:14px;width:90px}@media(max-width:768px){.portfolio .skills ul li .skill1{font-size:34px;width:35px}}.title{background-color:#050505;color:#f0f8ff;display:flex;font-size:30px;justify-content:center;margin-top:5px;padding:20px}@media(max-width:768px){.title{color:#fff;font-size:17px;margin-top:0;padding:7px}}.project_name{background-color:rgbrgb(5,5,5);color:#f0f8ff;font-size:30px;margin-top:10px;padding:20px}@media(max-width:768px){.project_name{color:#fff;font-size:17px;margin-top:5px;padding:7px}}.footer{background-color:#201e1e;color:#b1b5b8;display:flex;font-size:30px;justify-content:right;margin-top:0;padding:20px}.footer img{height:40px;margin:0 3px;width:40px}@media(max-width:768px){.footer{color:#fff;font-size:17px;margin-top:0;padding:7px}.footer img{height:20px;margin:0 3px;width:20px}}.works{align-items:center;background-color:#050505;display:flex;justify-content:center}.works .slider{margin-top:15px}.works .slider .container,.works .slider .container .item{align-items:center;display:flex;justify-content:center}.works .slider .container .item{height:100%;margin-bottom:50px;margin-top:3px;padding-left:20px;width:900px}@media(max-width:768px){.works .slider .container .item{flex-direction:column;margin:5px 0;width:100%}}.works .slider .container .item .left{align-items:center;display:flex;flex:.5 1;height:100%;justify-self:center;overflow:hidden}@media(max-width:768px){.works .slider .container .item .left{margin-bottom:30px}}.works .slider .container .item .left img{width:100vw}.works .slider .container .item .right{display:flex;flex:.5 1;height:90%;margin-top:40px}@media(max-width:768px){.works .slider .container .item .right{flex:7 1;margin-top:0}}.works .slider .container .item .right .rightContainer{display:flex;flex-direction:column;justify-content:space-between;margin-left:50px;width:90%}@media(max-width:768px){.works .slider .container .item .right .rightContainer{margin-left:0}}.works .slider .container .item .right .rightContainer h2{color:#c1c4c8;font-size:25px}.works .slider .container .item .right .rightContainer p{font-family:Palatino,URW Palladio L,serif;margin-top:0}.works .slider .container .item .right .rightContainer ul.bullets{list-style-type:none;margin-top:1px}@media(max-width:768px){.works .slider .container .item .right .rightContainer ul.bullets{padding:0}}.works .slider .container .item .right .rightContainer ul.bullets li{color:#f0ece6;font-size:20px;margin:3px 1px;padding:3px;vertical-align:top;word-spacing:1px}@media(max-width:768px){.works .slider .container .item .right .rightContainer ul.bullets li{font-size:14px;margin:0;padding:2px}}.works .slider .container .item .right .rightContainer ul.tags{margin-top:15px;text-align:center}@media(max-width:768px){.works .slider .container .item .right .rightContainer ul.tags{margin-bottom:30px;margin-top:40px;padding:0}}.works .slider .container .item .right .rightContainer ul.tags li{background-color:#e0eef5;border-radius:2px;color:#194a7c;display:inline-block;font-size:15px;margin:5px;padding:3px;vertical-align:top}@media(max-width:768px){.works .slider .container .item .right .rightContainer ul.tags li{font-size:11px;margin:3px;padding:2px}}.works .slider .container .item .right .btn-dark{background-color:#424141;border:2px solid #ccb9b9;color:#f7f5f5;font-family:system-ui;font-size:20px;margin-bottom:130px;margin-left:40px;margin-top:20px;max-width:80%;padding:5px;text-align:center;text-decoration:none}@media(max-width:768px){.works .slider .container .item .right .btn-dark{font-size:16px;margin-bottom:75px;margin-left:90px;margin-top:0;max-width:50%;padding:3px}}.works .slider .container .item .right .btn-dark:hover{background-color:#212529;color:#fff}.menu{align-items:center;background-color:#15023a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}@media(max-width:768px){.menu{width:150px}}.menu.active{box-shadow:10px 10px 10px 15px #156f77;right:0}.menu ul{color:#fff;font-family:Monaco;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}@media(max-width:768px){.menu ul{font-size:20px}}.menu ul li{font-family:inherit;margin-bottom:25px}.menu ul li a{color:inherit;font-family:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.menu ul .resume{background-color:#15023a;border:.5px solid #87becb;color:#87becb;display:block;font-family:inherit;padding:4px;text-decoration:none;width:120px}@media(max-width:768px){.menu ul .resume{width:80px}}.app{height:100vh}.app .sections{background-color:#fff;position:relative;top:70px;width:100%}@media(max-width:768px){.app .sections{top:50px}}.app .sections>*{width:100vw}
/*# sourceMappingURL=main.cde9a709.css.map*/