@import url(https://fonts.googleapis.com/css2?family=Clicker+Script&family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Metrophobic&family=Quattrocento:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Quattrocento:wght@400;700&display=swap);:root{--background-color:#02000e;--white:#fff;--text-orange:#ff8e04;--light-orange:#d51e1e41}::-webkit-scrollbar{color:#ff8e04;color:var(--text-orange);width:10px}::-webkit-scrollbar-thumb{background-color:#ff8e04;background-color:var(--text-orange)}::-webkit-scrollbar-track{background:#02000e;background:var(--background-color)}html{overflow-x:hidden;scroll-behavior:smooth}body{background-color:#02000e;background-color:var(--background-color);font-family:Metrophobic,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.5;overflow-x:hidden}*,body{margin:0;padding:0}*{box-sizing:border-box;outline:none;text-decoration:none}.section{background-color:#02000e;background-color:var(--background-color);color:#fff;color:var(--white);min-height:10vh;width:auto}.navbar{align-items:center;background:#02000e;background:var(--background-color);display:flex;justify-content:space-evenly;left:0;padding:12px;position:fixed;right:0;top:0;z-index:10}.navbar .nav{display:flex;list-style:none;margin-left:20%}.navbar .nav li{margin:0 15px}.navbar .nav li a{border-bottom:1px solid #ff8e04;border-bottom:1px solid var(--text-orange);color:#fff;color:var(--white);display:block;font-size:14px;font-weight:600;padding:15px}.navbar .nav li a:hover{color:#ff8e04;color:var(--text-orange)}.navbar .nav li a i{align-self:center;font-size:20px;vertical-align:top}.navbar .nav li i{margin-right:10px}.navbar .logo{left:200px;position:absolute;text-transform:capitalize;top:10px}.navbar .logo a{color:#fff;color:var(--white);font-size:15px;font-weight:400;letter-spacing:4px;padding:10px;position:fixed;z-index:100}.navbar .logo a span{color:#ff8e04;color:var(--text-orange);font-family:Clicker Script,cursive;font-size:1.7rem;font-weight:900}.section-1{padding:10% 8%}.section-title{color:#ff8e04;color:var(--text-orange);font-family:Quattrocento,serif;font-style:italic;font-weight:300}.section-1 h1,p{font-family:Poppins,sans-serif;padding:2%}.section-1 h1 span{color:#ff8e04;color:var(--text-orange)}.section-1 .btn-resume{background:#ff8e04;background:var(--text-orange);border:none;border-radius:40px;color:#fff;color:var(--white);display:inline-block;font-size:16px;margin:2%;padding:12px 35px;transition:all .3s ease;white-space:nowrap}.section-1 .btn-resume:hover{transform:scale(1.05)}.section-2{padding:0 8%}.skill-list .skill-list-container .skill-list-box-container{display:flex;flex-direction:column}.skill-list .skill-list-container .skill-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.skill-list .skill-list-container .skill-list-box-container .skill-box-title{font-size:18px;margin:20px 1px 1px}.skill-list .skill-list-container .skill-list-box{align-items:center;border:1px solid #ff8e04;border:1px solid var(--text-orange);border-radius:10px;display:flex;gap:5px;height:3rem;justify-content:center;margin:10px 0;padding:15px;transition:transform .2s ease;white-space:nowrap}.skill-list .skill-list-container .skill-list-box-container .skill-list-box:hover{transform:scale(1.05)}.skill-list .skill-list-container .skill-list-box i,.skill-list .skill-list-container .skill-list-box p{color:#ff8e04;color:var(--text-orange);font-size:15px}.section-3{padding:3% 8%}.timeline{border-radius:10px;padding:30px 15px;position:relative;width:100%}.timeline .timeline-item{padding-bottom:50px;padding-left:40px;position:relative}.timeline .timeline-item:last-child{padding-bottom:0}.timeline .timeline-item:before{content:"";height:100%;left:7px;width:1px}.timeline .circle-dot,.timeline .timeline-item:before{background-color:#ff8e04;background-color:var(--text-orange);position:absolute;top:0}.timeline .circle-dot{border-radius:50%;height:15px;left:0;width:15px}.timeline .timeline-date{align-items:center;display:flex;font-size:14px;font-weight:400;margin-bottom:12px}.timeline .timeline-date span{margin-right:10px}.timeline .timeline-title{font-size:18px;font-weight:700}.timeline .timeline-text{font-size:16px;margin:10px;padding:10px}.timeline .timeline-item h4{color:#ff8e04;color:var(--text-orange)}.timeline .timeline-text ul{font-size:16px;margin:10px;padding-left:25px}.timeline .timeline-text ul li{font-size:16px;margin:10px;padding-left:20px}.timeline .timeline-text .journey-skills{display:flex;margin-top:3%}.timeline .timeline-text .journey-skills p{background-color:#d51e1e41;background-color:var(--light-orange);border-radius:15px;margin:0 5px;padding:5px 15px}.section-4{padding:0 8%}.tab-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 1rem 4rem}.tab-buttons button{background-color:initial;border-style:none;border-bottom:1px solid #ff8e04;border-bottom:1px solid var(--text-orange);color:#fff;color:var(--white);cursor:pointer;font-size:14px;margin:0 1rem;padding:.5rem 3rem;transition:all .3s ease}.tab-buttons button.active{color:#ff8e04;color:var(--text-orange);font-size:18px;font-size:16px;transition:.2s ease-in-out}.tab-content{align-items:center;display:flex;flex-direction:column}.project-overall-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-individual-container{border:1px solid #ff8e04;border:1px solid var(--text-orange);border-radius:10px;display:flex;overflow:hidden;padding:1rem;position:relative;transition:transform .3s;width:300px}.project-individual-container .project-details-container{display:flex;flex-direction:column;gap:.5rem}.project-individual-container .project-details-container span{display:flex;flex-direction:column;font-weight:600;margin-bottom:5px}.project-individual-container .project-details-container a{color:#ff8e04;color:var(--text-orange)}.project-individual-container .project-details-container ul li{margin-left:25px}.project-individual-container .project-details-container img{border-radius:8px;height:auto;margin-bottom:.5rem;object-fit:cover;width:100%}.project-individual-container .project-details-container img:hover{transform:scale(1.02);transition:.5s ease-in-out}.project-individual-container .project-details-container .journey-skills{display:flex;flex-wrap:wrap;margin-top:3%;padding:5px 10px}.project-individual-container .project-details-container .journey-skills p{background-color:#d51e1e41;background-color:var(--light-orange);border-radius:15px;margin:10px 5px;padding:5px 15px}.footer{align-items:center;background-color:#02000e;background-color:var(--background-color);display:flex;justify-content:space-around;min-height:5vh;padding:5rem 1% 1%}.footer .footer-text p{text-wrap:nowrap;color:#fff;color:var(--white)}.footer .social-media-div{align-items:center;display:flex;justify-content:space-around}.footer .social-media-div a{align-items:center;color:#fff;color:var(--white);display:flex;justify-content:center;margin:0 20px}.footer .social-media-div a i{font-size:20px}.footer .social-media-div a i,.footer .social-media-div a span{color:#fff;color:var(--white);margin:0 5px}@media(max-width:1199px){.navbar .logo a,.navbar .logo a span{visibility:hidden}.navbar{background-color:#02000e;background-color:var(--background-color)}.navbar .nav li a i{display:none}.navbar .nav{align-items:space-between;display:flex;justify-content:center;margin-left:5px}.navbar .nav li a{font-size:12px;padding:5px}}@media(max-width:850px){.section-1,.section-2,.section-3,.section-4{padding:15% 0 5% 5%}}@media(max-width:710px){.timeline .timeline-text ul li{font-size:16px;margin:0;padding:0}.timeline .timeline-text .journey-skills{display:flex;margin-top:3%}.footer{display:flex;flex-direction:column;padding:2%}.footer .footer-text{text-wrap:nowrap;margin:5px 0}.footer .social-media-div a{align-items:center;color:#fff;color:var(--white);display:flex;justify-content:center;margin:10px 20px}.footer .social-media-div a i{color:#fff;color:var(--white);font-size:15px;margin:0 5px}.footer .social-media-div a span{color:#fff;color:var(--white);font-size:18px;margin:0 5px}}@media(max-width:420px){.section-1{margin-top:5rem;padding:5% 10%}.section-1 .btn-resume{margin-top:1.5rem}.section-2{margin-top:3rem}.section-2,.section-4{padding:0 5%}}
/*# sourceMappingURL=main.c431bb07.css.map*/