:root{--lightpink:#feced4;--pink:#f298b4;--peach:#ffc98f;--orange:#ffbc4b;--teal:#96d8d9;--blue:#6ac3d9;--dark-teal:#59acc1;--dot-between-1:#d7d9e3;--dot-between-2:#a5d7e6;--pink-gradient:linear-gradient(var(--lightpink),var(--pink));--peach-gradient:linear-gradient(var(--lightpink),var(--peach));--blue-gradient:linear-gradient(var(--teal),var(--dark-teal));--orange-gradient:linear-gradient(var(--peach),var(--orange));--pink-blue-gradient:linear-gradient(var(--lightpink),var(--teal))}.body{margin-left:10%;margin-right:10%;margin-top:7%}.fadeIn{animation:fadeInAnimation 1.5s ease-in-out;animation-fill-mode:forwards;animation-iteration-count:1}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media screen and (max-width:430px){.body{margin-left:2%;margin-right:2%}}body{background:url(/static/media/portfolio-background.ec2269f47cf55ce019cb.jpg) no-repeat fixed 50%;margin:0;min-height:95vh;position:relative}*{font-family:Playfair Display,sans-serif}h1{font-size:60px}h1,h2{font-weight:700}h2{font-size:50px}h3{font-size:30px}h3,h4{font-weight:medium}h4{font-size:24px}h5{font-size:20px;font-weight:medium}p{font-size:16px}.circle{background-color:#fff;border-radius:50%;display:inline-block;height:20px;width:20px}.custom-btn{background-color:#fff;border:none;border-radius:40px 40px 40px 0;cursor:pointer;display:inline-block;overflow:hidden;padding:15px}.custom-btn,.custom-btn a,.custom-btn p{color:#96d8d9;color:var(--teal);position:relative}.custom-btn a,.custom-btn p{font-size:16px;margin:0;text-decoration:none;transition:all .25s ease}.custom-btn:hover a,.custom-btn:hover p{color:#fff;transition:all .25s ease}.custom-btn:after,.custom-btn:before{border-radius:40px 40px 40px 0;bottom:0;color:#96d8d9;color:var(--teal);content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%}.fill:before{box-shadow:inset 0 0 0 1px #96d8d9;box-shadow:inset 0 0 0 1px var(--teal);transition-duration:.5s}.fill:hover:before{box-shadow:inset 0 0 0 60px #96d8d9;box-shadow:inset 0 0 0 60px var(--teal)}.custom-btn-2{background-color:#fff;border:none;border-radius:40px 40px 40px 0;cursor:pointer;display:inline-block;overflow:hidden;padding:15px}.custom-btn-2,.custom-btn-2 a,.custom-btn-2 p{color:#f298b4;color:var(--pink);position:relative}.custom-btn-2 a,.custom-btn-2 p{font-size:16px;margin:0;text-decoration:none;transition:all .25s ease}.custom-btn-2:hover a,.custom-btn-2:hover p{color:#fff;transition:all .25s ease}.custom-btn-2:after,.custom-btn-2:before{border-radius:40px 40px 40px 0;bottom:0;color:#f298b4;color:var(--pink);content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%}.fill-2:before{box-shadow:inset 0 0 0 1px #f298b4;box-shadow:inset 0 0 0 1px var(--pink);transition-duration:.5s}.fill-2:hover:before{box-shadow:inset 0 0 0 60px #f298b4;box-shadow:inset 0 0 0 60px var(--pink)}@media screen and (max-width:600px){.body{margin-top:20%}h2{font-size:30px}}.home-container{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:space-between;width:100%}.home-left-container{align-items:flex-start}.home-left-container,.home-right-container{display:flex;flex-direction:column;width:50%}.home-right-container{align-items:flex-end;margin-top:5%}.titles{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.background-box{background:linear-gradient(#feced4,#6ac3d9);border-radius:40px 40px 0 40px;padding:40px 0 0 40px;width:80%}.profile-image{border-radius:40px 40px 0 40px;margin-bottom:-4px;width:100%}.home-text-container{background:var(--pink-gradient);border-radius:40px 40px 40px 0;color:#000;margin-bottom:20%;padding:30px}@media screen and (max-width:820px){.home-container{flex-direction:column;height:auto;justify-content:center;text-align:center;width:100%}.home-left-container{align-items:center;margin-top:5%;width:100%}.home-right-container{margin-bottom:20%;width:100%}.home-text-container{margin-bottom:0}.titles h3{font-size:20px}h1{font-size:50px}.profile-image{width:100%}.home-right-container .circle-container{display:none}}@media screen and (max-width:1500px){h1{font-size:40px}h3{font-size:28px}}.circle1{background-color:var(--lightpink)}.circle1,.circle2{border-radius:50%;display:inline-block;height:20px;width:20px}.circle2{background-color:var(--dot-between-1)}.circle3{background-color:var(--dot-between-2)}.circle3,.circle4{border-radius:50%;display:inline-block;height:20px;width:20px}.circle4{background-color:var(--teal)}.circle5{background-color:var(--blue);border-radius:50%;display:inline-block;height:20px;width:20px}.circle-container{display:flex;flex-direction:row}.circle-container span{margin:10px}.about-container{align-items:flex-start;color:#000;display:flex;flex-direction:row;justify-content:space-between;margin-top:2%}.left-container{margin-right:20px;width:48%}.left-container,.right-container{display:flex;flex-direction:column}.right-container{align-items:flex-end;margin-left:20px;width:50%}.about-block{background:var(--pink-gradient)}.about-block,.education-block{border-radius:40px 40px 0 40px;padding:30px}.education-block{background:var(--blue-gradient)}.education-block h4{margin:0}.contact-block{background:var(--orange-gradient);border-radius:40px 40px 0 40px;margin-bottom:20%;padding:30px}@media screen and (max-width:786px){.about-container{flex-wrap:wrap;margin-top:30%}.left-container,.right-container{width:100%}.left-container{height:auto}.right-container{align-items:flex-start}.contact-block{margin-bottom:0}.skills-block{margin-bottom:20%}}.skills-block{background:var(--pink-blue-gradient);border-radius:40px 40px 40px 0;padding:30px;width:90%}.skill-bars{gap:10}.skill-bars p{margin-bottom:0;margin-top:0}.skill-bar-container{align-items:center;width:"100%"}.skill-bar-container,.skills-list{display:flex;flex-direction:row;justify-content:space-between}.skills-list{flex-wrap:wrap}.skills{width:40%}.skills h4{margin:0}.skills ul{padding-left:0}.skills li{list-style-type:none}@media screen and (max-width:786px){.skills{width:50%}}.project-container{padding-bottom:10%}.project-header{background:var(--pink-gradient);border-radius:40px 40px 40px 0;margin-top:5%;padding:30px}.project-header h2{margin-bottom:20px}.project-list-container{background:var(--blue-gradient);border-radius:40px 40px 0 40px;padding:30px}.project-button-container,.project-list-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.project{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:20px 0;padding:10px;width:20%}.project h4{margin:5px}.project-img{border:2px solid #fff;border-radius:40px 40px 0 40px;width:100%}@media screen and (max-width:1600px){.project{width:30%}}@media screen and (max-width:1240px){.project{width:45%}.project-img{height:300px}}@media screen and (max-width:830px){.project{width:100%}.project-img{height:300px}}.modal-header h2,.modal-header p{margin:0;text-align:center}.modal-header{margin-bottom:25px}.modal-body h5,.modal-body p{margin:5px}.modal-body{max-height:400px;overflow-x:hidden;overflow-y:scroll}.work-example-list li{font-size:20px}.technology-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:90%}.technology-list li{width:30%}.work-example-list li{margin-bottom:20px}.work-link{color:var(--teal);font-size:16px}.work-link:hover{color:var(--dark-teal)}@media screen and (max-width:786px){.modal-header h2{font-size:30px}.technology-list li{width:100%}.technology-list{flex-direction:column}}.resume-iframe{border-radius:0;height:500px}.resume-header{background:var(--orange-gradient);border-radius:40px 40px 40px 0;margin-bottom:2%;margin-top:5%;padding:30px}.resume-header h2{margin:0}@media screen and (max-width:820px){.resume-iframe{height:650px}}@media screen and (max-width:430px){.resume-iframe{height:400px}}.footer-container{background-image:var(--blue-gradient);border-radius:40px 40px 0 0;bottom:0;position:absolute;text-align:center;width:100%}.footer-container p{color:#fff;margin-bottom:0;padding:0 0 10px}.navbar-container{align-items:center;background-image:var(--peach-gradient);border-radius:0 0 40px 40px;display:flex;flex-direction:row;justify-content:flex-end;position:fixed;top:0;width:100%;z-index:2}.navbar-container a{text-decoration:none}.nav-link{color:#000;margin:10px;padding:10px;width:100%}.active h5{color:var(--blue)}.nav-link:hover{color:var(--dark-teal);cursor:pointer;transition:color .25s ease-in-out}@media screen and (max-width:768px){.navbar-container{justify-content:space-between}.nav-link{margin:0}.navbar-container{flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.67219a61.css.map*/