*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;text-decoration:none}html{font-size:62.5%;scroll-behavior:smooth}body{color:#2e2e2e;height:100vh;overflow-x:hidden}body,header{background-color:#f9f9f9;width:100%}header{align-items:center;display:flex;filter:drop-shadow(10px);height:10vh;justify-content:space-between;left:0;padding:1rem 9%;top:0;z-index:100}.logo{color:#ff6b6b;cursor:pointer;font-size:3rem;transition:.5s ease}.logo:hover{transform:scale(1.1)}nav a{border-bottom:3px solid #0000;color:#2e2e2e;font-size:1.8rem;font-weight:500;margin-left:4rem;transition:.3 ease}nav a.active,nav a:hover{border-bottom:3px solid #ff6b6b;color:#2e2e2e}@media(max-width:995px){nav{background-color:#161616;border-bottom-left-radius:2rem;border-left:3px solid #2e2e2e;border-top:.1rem solid #0000001a;display:none;padding:1rem solid;position:absolute;right:0;top:0;width:40%}nav a,nav.active{display:block}nav a{font-size:2rem;margin:3rem 0}nav a.active,nav a:hover{border-bottom:.5rem solid #ff6b6b;border-radius:.5rem;padding:1rem}}section{min-height:100vh;padding:5rem 9%}.home{align-items:center;background-color:#f9f9f9;display:flex;gap:9rem;justify-content:center}.home .home-content h1{font-size:6rem;font-weight:700;line-height:1.3}span{color:#ff6b6b}.home-content h3{font-size:4rem;font-weight:700;margin-bottom:1rem}.home-img,.home-img img{border-radius:50%}.home-img img{box-shadow:0 0 25px solid #ff6b6b;cursor:pointer;height:70vh;object-fit:cover;position:relative;transition:.2sec linear;width:32vw}.home-img img:hover{font-size:1.8rem;font-weight:500}.social-icons a{align-items:center;background-color:initial;border:.2rem solid #ff6b6b;border-radius:50%;color:#ff6b6b;display:inline-flex;font-size:2rem;height:4rem;justify-content:center;margin:3rem 1.5rem;transition:.3s ease;width:4rem}.social-icons a:hover{box-shadow:0 0 25px #ff6b6b;transform:scale(1.3) translateY(-5px)}.btn,.social-icons a:hover{background-color:#ff6b6b;color:#f9f9f9}.btn{border:2px solid #ff6b6b;border-radius:4rem;cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.3rem;padding:1rem 2.8rem;transition:.3s ease}.btn:hover{background-color:#ff6b6b;box-shadow:0 0 25px #ff6b6b;color:#f9f9f9;transform:scale(1.03)}.typing-text{font-size:34px;font-weight:600;min-width:280px}.typing-text span{position:relative}.typing-text span:before{animation:words 6s infinite;color:#ff6b6b;content:"software Developer"}.typing-text span:after{animation:cursor .6s infinite;background-color:#f9f9f9;border-left:3px solid #000;content:"";height:100%;position:absolute;right:-8;width:calc(100% + 8px)}@keyframes cursor{to{border-left:3px solid #2e2e2e}}@keyframes words{0%,30%{content:"Web Developer"}31%,60%{content:"Programmer"}61%,to{content:"Web Designer"}}@media(max-width:1000px){.home{gap:4rem}}@media(max-width:995px){.home{flex-direction:column;margin:5rem 4rem}.home .home-content{margin-left:1rem;margin-right:1rem}.home .home-content h3{font-size:2.5rem}.home-content h1{font-size:5rem}.home-img img{height:50vh;margin-top:1rem;width:60vw}}.about-title{color:#ff6b6b;font-size:3rem;margin-bottom:1rem}.content{font-size:1.5rem}.timeline-content{margin:1rem;padding:1%}.school-name{color:#ff6b6b}#logs{padding:20px 0}#logs,.logs-p{text-align:center}.logs-p{color:gray;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:400}#logs>h1{font-size:3rem;font-weight:600;text-align:center}.content-holder{display:flex;gap:5rem;justify-content:center;padding:2rem}.logs{border:1px solid #ff6b6b;border-radius:30px;padding:30px}.experiences>h1,.logs>h1{color:gray;font-size:1.7rem;margin-bottom:1rem;text-decoration:underline;text-underline-offset:10px}.logs ul{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;list-style-type:none;padding:10px}.logs li{padding:1rem}.logs li h1{padding:5px 3px}.logs li h1,.logs li>p{font-size:1.5rem}.logs li>i{font-size:30px}.tech{margin:-1rem}.title{color:#ff6b6b;font-size:3.25rem;font-weight:600}.contact-info-upper-container{align-self:center;border:1px solid #ff6b6b;border-radius:30px;display:flex;display:inline-block;gap:1rem;justify-content:center;margin-top:1rem}.contact-info-container{display:flex;margin-left:2rem;margin-right:2rem;padding:10px}.contact-info-container p{align-self:center;color:#2e2e2e}.contact-info-container img{background-color:#ff6b6b;border:5px solid #f9f9f9;border-radius:300%;margin:2px}.section__text__p1{color:gray;font-weight:500}.contact-info-container p a,.section__text__p1{font-family:Poppins,sans-serif;font-size:1.5rem}.contact-info-container p a{color:#2e2e2e;text-decoration:none}.contact-info-container p a:hover{color:#2e2e2e;text-decoration:underline}.contact_me p{color:gray;font-size:1.3rem;font-weight:400;text-align:center}.contact_me h1{font-family:Poppins,sans-serif;font-size:3rem;font-weight:600;text-align:center}@media (max-width:600px){nav{display:none}section{margin:15px}h1{width:90vw}.home-img img{height:auto;width:80vw}.btn,.home-content .social-icons{margin-left:1.5rem}.content-holder{display:block}.info{font-size:.2rem;margin:10px 0}.experiences,.logs{margin:10px}.container{margin:0!important}#about{margin-top:100px}#contact{padding:10px}}.contact{align-content:center;align-items:center;display:flex;flex-direction:column;gap:4rem;height:85vh;justify-content:center;margin:1rem auto;text-align:center;width:80%}.contact-container{display:flex;gap:4rem;justify-content:space-between;width:90%}.contact-form{width:450px}.contact-form>form{display:flex;flex-direction:column;gap:2rem;justify-content:center}label{font-family:Rubik Mono One,sans-serif;font-size:1.6rem}.input-card{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start}.input{background-color:rgba(36,35,35,.315);border-radius:5px;margin-bottom:10px;max-width:450px;padding:.75rem}.submit-btn{background-color:#ff6b6b;border-radius:5px;color:#fff;margin-top:10px;padding:7px}.submit-btn:hover{background-color:#000;border:1px solid #fff;color:#fff;cursor:pointer}@media (max-width:768px){.vertical-wrapper>h1{font-size:1.5rem}.contact-container{align-items:center;flex-direction:column}}@media (max-width:425px){.vertical-wrapper>h1{font-size:1.25rem}.vertical-wrapper>p{font-size:.75rem}.contact-container{align-items:center;flex-direction:column;margin-bottom:1rem;margin-top:1rem}.contact-form{width:100%}.social-links>a>h3{font-family:Rubik Mono One,sans-serif;font-size:.7rem;justify-content:end}}@media screen and (max-width:768px){#contact{gap:.8rem}.contact-form{padding:20px}}#projects{align-content:center;align-items:center;display:flex;flex-direction:column;gap:4rem;height:85vh;justify-content:center;margin:1rem auto;width:80%}.vertical-wrapper{color:#ff6b6b;font-size:2.25rem;text-align:center}.projects-card{display:flex;flex-direction:row;gap:6rem;justify-content:center;width:90%}.pcard>img{border-radius:10px;height:auto;width:300px}.pcard>img:hover{box-shadow:1px 1px 50px hsla(0,2%,76%,.418);cursor:pointer}.pcard{align-items:center;background-color:rgba(33,33,35,.829);border:1px solid #212123;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:10px}.pcard:hover{background-color:rgba(42,42,44,.925);transition:all .5s ease-in-out}.p-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.p-info>h2{color:#e9e7e7;font-size:1.25rem;margin-top:.5rem;text-align:center;width:100%}.p-info>p{color:hsla(0,2%,76%,.418);font-family:Poppins;font-size:.9rem}.p-info>button{float:right}.link{background-color:#111113;border-radius:30px;height:50px;padding:10px;width:50px}button{background-color:rgba(33,33,35,.829);border-radius:100%}@media (max-width:1024px){.pcard>img{height:auto;width:180px}.p-info>h2{font-size:1rem}.p-info>p{color:hsla(0,2%,76%,.418);font-size:.75rem;width:70%}.link{background-color:#111113;border-radius:30px;height:40px;padding:10px;width:40px}}@media (max-width:425px){#projects{gap:1rem;height:auto;margin-bottom:1rem;margin-top:1rem}.pcard>img{height:auto;width:120px}.projects-card{gap:1rem;height:100%;margin-bottom:1rem;padding:5px}.p-info>h2{font-size:.8rem}.p-info>p{color:hsla(0,2%,76%,.418);font-family:Poppins;font-size:.85rem;font-weight:700;width:90%}.link{background-color:#111113;border-radius:30px;height:40px;padding:10px;width:40px}.pcard{flex-direction:row;width:100%}}@media screen and (max-width:768px){#projects{height:auto}.p-info{width:fit-content}.p-info>p{font-size:.85rem;font-weight:700}}
/*# sourceMappingURL=main.54a667eb.css.map*/