@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";.App{background-color:#fefefe;height:100vh;width:100%}.active{background-color:#000;border:2px solid white}nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a;color:#fff;position:sticky;top:0;height:70px}nav .title{margin-top:20px;margin-bottom:auto;padding-left:1rem;font-size:1.5rem;font-weight:300px;text-decoration:none;color:#fff}nav ul{display:flex;padding-right:10px}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554}nav .menu{display:none;position:absolute;top:.7rem;right:1rem;justify-content:space-between;height:2rem;cursor:pointer}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.1rem}@media (max-width: 700px){nav .menu{display:flex}nav{flex-direction:column;align-items:flex-start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex;background-color:#000;margin-top:20px}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}.back{height:100%}.flex-container{width:90%;justify-content:center;display:flex;margin:auto;max-width:1000px;min-width:500px;border-left:3px solid grey;border-right:3px solid grey}.flex-container .column-1{width:80%;padding-left:12%;padding-top:5%;padding-right:5%}.flex-container .column-2{width:20%;padding-top:5%;text-align:center;min-width:150px}.column-2 ul li{list-style:none}.column-1 .section-heading{font-size:25px;color:#fff;background-color:#142a47;text-align:center}.company-position{font-size:18px}.dates{font-size:16px}.job-description{font-size:14px}.column-2 h1{font-size:25px;color:#0e53ac}.column-2 ul{margin-top:15px}.column-2 ul li{text-align:left;padding-left:23%;padding-top:8px;font-size:small}.job-title{color:#3b78c8}.about-container{background-image:url(/assets/pic8-7490f602.png);height:92.3%;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover}.about-container h1{color:#fff;font-size:50px;font-weight:222}.contact{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#826afb;padding-bottom:7%}form{max-width:600px;width:100%;background:#fff;padding:25px 25pc 30px;border-radius:8px;box-shadow:0 0 10px #0000001a;color:#333;margin:25px}form h2{font-size:30px;text-align:center}form .input-box{margin-top:20px}.input-box .field{width:100%;height:50px;background:transparent;border:2px solid #ddd;outline:none;border-radius:6px;padding:15px;font-size:16px;color:#333;margin-top:8px}*{padding:0;margin:0;box-sizing:border-box}.container{height:80%;margin:auto;display:flex;align-items:center;max-width:1000px;gap:30px}.content h1{border-right:7px solid pink;display:inline-block;animation:cursor .7s step-end infinite alternate}@keyframes cursor{50%{border-color:transparent}}.photo{width:50%;text-align:center}.photo img{border-radius:100%;object-fit:cover;width:350px;height:350px;margin:auto}.content{font-size:1.3rem;width:50%;padding-right:6%}.content-list{display:flex;flex-direction:column;gap:15px;margin-top:10px;color:#000}.content-list p{font-size:12px}.contact-container{background-image:url(/assets/penpaper_background-1133c36e.jpg);height:93%;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.contact-container h1{color:#000;font-weight:200;font-size:50px;padding-right:40px}.contact-container h1 .soon{color:#fff;font-weight:200;font-size:50px}*{box-sizing:border-box;margin:0;padding:0;font-family:Source Code Pro,monospace}