body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#d8d8c8}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Navigation{height:4rem;width:100vw;position:fixed;z-index:8;display:flex;justify-content:flex-end;top:0;transition:all .2s ease-in-out}.Navigation .backdrop{z-index:-2;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#000;opacity:1%}.logo{font-size:40px;margin:0;font-weight:bolder;color:#c3073f;position:absolute;text-decoration:none;border:1px solid #c3073f;top:8px;-webkit-transform:translateY(0);transform:translateY(0);left:10%}.active-nav{background-color:#d8d8c8}.Navigation ul{display:flex;width:35%;justify-content:space-around;list-style:none;align-items:center}.Navigation ul li a{text-decoration:none;color:#d8d8c8;font-weight:700}.active{text-decoration:underline}.Navigation .three-lines{display:none}@media (max-width:1260px){.Navigation ul{width:50%}}@media (max-width:500px){.Navigation ul{display:none}.Navigation .three-lines{padding:10px;display:block;height:2.5rem;width:2.5rem;display:grid;margin-right:5%}.Navigation .line1{width:100%;height:2px;background-color:#c3073f;align-self:center}.Navigation .line2{width:80%;display:flex}.Navigation .line2,.Navigation .line3{height:2px;background-color:#c3073f;justify-self:flex-end;align-self:center}.Navigation .line3{width:50%}.Navigation .cross-icon{position:relative;z-index:8;height:100%;width:100%;align-self:end}}.Sidebar{height:100vh;position:fixed;background-color:#d8d8c8;width:70%;display:flex;justify-content:center;align-items:center;transition:all .3s linear;z-index:7}.Sidebar .sidebar-icons{height:50%;display:flex;flex-direction:column;justify-content:space-around}.Sidebar a{color:#e2575e;text-decoration:none;font-size:1.5rem;transition:all .1s linear;padding:8px}.Sidebar a:hover{border:1px solid #e2575e}.About{height:90vh;background-color:#1a1a1d;display:flex;justify-content:center;align-items:center;width:100vw}.about-section{width:30%}.About *{color:#d8d8c8}.whats-next{color:#c3073f;padding:10px;margin:0}.about-heading{font-size:clamp(40px,6vw,60px);margin:0;padding:15px}.text{font-size:17px;width:80%;line-height:1.5;margin:auto auto 60px}.About a{font-size:15px;text-decoration:none}.About .hello{height:60px;width:140px;background-color:#1a1a1d;border:2px solid #c3073f;border-radius:5px;cursor:pointer}@media (max-width:1260px){.About .about-section{width:50%}}@media (max-width:768px){.About .about-section{width:74%}}.Projects{width:100vw;background-color:#c8e6ee;display:flex;justify-content:center;background-color:#1a1a1d}.Projects *{color:#d8d8c8}.projects-main{margin-top:4rem;width:50%;position:relative}.project{padding:30px 0;display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.project-heading{position:relative;display:grid;grid-template-columns:1fr 1.2fr}.heading-text{text-align:left!important;font-size:clamp(18px,3vw,30px);font-weight:700;color:#edeee7}.heading-line{align-self:center;height:1px;width:100%;background-color:#c3073f}.image-container{grid-column:1/2;position:relative}.project-image{height:100%;width:100%;position:relative;background-color:#adc9ad}.image-container:after{content:"";position:absolute;top:0;height:100%;width:100%;background-color:#e4e4c5;opacity:.77;left:0;z-index:4;transition:all .2s linear}.image-container:hover:after{content:"";cursor:pointer;opacity:0}.project-details,.right-details{grid-column:2/3}.featured-project{font-size:15px;color:#c3073f;position:relative}.featured-project,.project-name{text-align:right!important;margin:0}.project-name{font-size:24px;font-weight:700;padding:10px 0}.project-description{text-align:left!important;line-height:1.6;background-color:#1f1e1e;font-size:15px;padding:15px 10px 15px 50px;width:calc(50px + 100%);position:relative;z-index:5;right:100px}.tech-stack{display:flex;flex-grow:1;width:60%;justify-content:space-between;margin-left:auto}.tech-stack p{color:#c3073f}.code-link{display:flex;flex-grow:1;width:30%;justify-content:space-between;margin-left:auto}.code-link a{border:1px solid #e4e4c5;padding:5px 8px;color:#e4e4c5;text-decoration:none;border-radius:5px}.left-image{grid-column:2/3;grid-row:1/2}.left-details{grid-column:1/2}.left{text-align:left!important}.left-description{width:120%;padding-left:20px;left:0}.left-code-link,.left-tech-stack{margin-left:0}@media (max-width:1260px){.Projects .tech-stack{width:70%}.Projects .projects-main{width:80%}}@media (max-width:1024px){.Projects .tech-stack{width:80%}.Projects .code-link{width:32%}.Projects .project-heading{grid-template-columns:1fr 1fr}}@media (max-width:768px){.Projects *{text-align:left!important}.Projects .project-heading{grid-template-columns:1.5fr 1fr}.Projects .image-container,.Projects .image-container:after{position:absolute;top:0;left:0;width:100%;height:100%}.Projects .image-container:after{content:"";background-color:#1a1a1d;opacity:.85;z-index:4;transition:all .2s linear;-webkit-filter:brightness(50%);filter:brightness(50%)}.Projects .featured-project{color:#e4e4c5}.Projects .project{position:relative;grid-template-columns:1fr;grid-template-rows:auto;padding:30px 0}.Projects .project-details{grid-column:1/3;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;position:relative;z-index:5;padding:0 8px;align-self:center}.Projects .project-description{background-color:transparent;padding:0;margin:0;position:static;width:90%}.Projects .right-details{padding:0 8px;grid-column:1/3;align-self:center;padding:0 15px}.Projects .left-details{grid-column:1/3;align-self:center;padding:30px 15px}.Projects .left-image{grid-column:1/3}.Projects .left-description{width:90%}.code-link a,.tech-stack p{color:#e4e4c5;font-size:14px}.code-link a{border:1px solid #e4e4c5;padding:5px;text-decoration:none;line-height:1.5}.code-link{width:23%}.code-link,.tech-stack{margin-left:0}}.Skills{height:80vh;background-color:#1a1a1d;display:grid;width:100vw}.skill-main{grid-template-rows:300px auto;height:100%;width:70%}.skill-main,.skills-heading{display:grid;justify-self:center}.skills-heading{width:100%;align-self:center;grid-template-columns:1fr 1fr 1fr;margin:0;color:#d8d8c8}.skills-heading-text{font-size:clamp(16px,3vw,40px)}.skill-left-line,.skill-right-line{width:100%;height:2px;background-color:#c3073f;align-self:center;justify-self:center}.skills-icons{align-self:start;justify-self:center;height:100%;width:80%;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;grid-row-gap:40px;align-content:start}.skill-icon{align-self:center;justify-self:center;height:clamp(40px,6vw,80px);width:clamp(40px,6vw,80px)}.Main{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1a1a1d;position:relative}.Main .main-sub{width:50%}.Main>*{text-align:left!important}.Main .hi-message{color:#c3073f;font-size:clamp(15px,3vw,20px);margin:0}.Main .name{font-size:clamp(35px,8vw,80px);margin:0;color:#d8d8c8}.Main .message{margin:0;font-size:clamp(20px,6vw,60px);color:#c3073f}.Main .paragraph{position:relative;padding:10px 10px 30px;font-size:clamp(.8rem,3vw,1.5rem);margin:0;width:61%;color:#d8d8c8;line-height:1.4}.Main .icons-list{position:fixed;height:40vh;bottom:0;display:flex;flex-direction:column;left:30px;justify-content:space-between;align-items:center}.Main .line{height:130px;width:2px;background:#c3073f}.Main .icons-list .icons{height:35px;width:35px;cursor:pointer;transition:.17s linear}.Main .icons-list .icons:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}@-webkit-keyframes rotateLetter{to{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@keyframes rotateLetter{to{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}.Main .letter,.Main .letter:hover{position:relative;-webkit-animation-name:rotateLetter;animation-name:rotateLetter;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.get-in-touch{font-size:18px;height:70px;color:#d8d8c8;width:170px;background-color:#1a1a1d;border:2px solid #c3073f;border-radius:5px;cursor:pointer}@media (max-width:1024px){.Main .main-sub{width:70%}.Main .paragraph{width:85%;text-align:left!important;padding-left:0}.Main .get-in-touch{height:40px;width:120px;font-size:clamp(14px,2vw,18px)}.Main .icons-list{display:none}}.anim-element1{background:#c3073f;width:20px;height:20px;position:absolute;top:80%;opacity:.6;-webkit-animation:animFour1 15s linear infinite alternate;animation:animFour1 15s linear infinite alternate}.anim-element2{border-top:15px solid transparent;border-left:30px solid #c3073f;border-bottom:15px solid transparent;left:20%;top:20%;-webkit-animation:animFour2 15s linear infinite alternate;animation:animFour2 15s linear infinite alternate}.anim-element2,.anim-element3{box-sizing:border-box;position:absolute;opacity:.6;z-index:0}.anim-element3{border:10px solid #c3073f;left:50%;top:70%;-webkit-animation:animFour3 15s linear infinite alternate;animation:animFour3 15s linear infinite alternate;border-radius:50%}@-webkit-keyframes animFour1{0%{-webkit-transform:translate(100px) rotate(0);transform:translate(100px) rotate(0)}to{-webkit-transform:translate(400px,-200px) rotate(180deg);transform:translate(400px,-200px) rotate(180deg)}}@keyframes animFour1{0%{-webkit-transform:translate(100px) rotate(0);transform:translate(100px) rotate(0)}to{-webkit-transform:translate(400px,-200px) rotate(180deg);transform:translate(400px,-200px) rotate(180deg)}}@-webkit-keyframes animFour2{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}to{-webkit-transform:translate(251px,200px) rotate(180deg);transform:translate(251px,200px) rotate(180deg)}}@keyframes animFour2{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}to{-webkit-transform:translate(251px,200px) rotate(180deg);transform:translate(251px,200px) rotate(180deg)}}@-webkit-keyframes animFour3{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}to{-webkit-transform:translate(251px,100px) rotate(180deg);transform:translate(251px,100px) rotate(180deg)}}@keyframes animFour3{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}to{-webkit-transform:translate(251px,100px) rotate(180deg);transform:translate(251px,100px) rotate(180deg)}}.Work{height:100vh;background-color:#1a1a1d;width:100vw;display:flex;justify-content:center;align-items:center}.work-main{width:40%;position:relative}.Work *{color:#d8d8c8;text-align:left!important}.work-desc{display:flex;position:relative;height:350px}.left-line{position:absolute;height:100%;width:2px;background-color:#6f2232;left:0}.company-list{flex:1 1}@-webkit-keyframes fading{0%{opacity:0}to{opacity:1%}}@keyframes fading{0%{opacity:0}to{opacity:1%}}.role{flex:4 1;padding-left:20px;position:relative;transition:all 1s linear;-webkit-animation-name:fading;animation-name:fading}.company-list{display:flex;flex-direction:column}.Work .active-comp{background-color:#c3073f;color:#d8d8c8;border-left:2px solid #6f2232}.company-name{height:50px;background-color:#1a1a1d;display:flex;justify-content:center;align-items:center;font-size:16px;border:none;border-left:1px solid #6f2232;transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;cursor:pointer}.Work .where{font-size:30px;color:#c3073f;font-weight:700;position:relative}.Work .point{font-size:14px}.where-and-line{position:relative}.Work .where-line{position:absolute;height:2px;width:60%;background-color:#6f2232;top:50%;left:300px}.company-name:hover{background-color:#c3073f;color:#d8d8c8;border-left:2px solid #6f2232}.position{margin:13px 0 0;font-size:20px;font-weight:700}.comp-name,.time-period{color:#c3073f}.time-period{font-size:13.5px}@media (max-width:1024px){.Work .work-main{width:75%}.Work .where-line{display:none}}@media (max-width:768px){.Work .work-desc{display:grid;grid-template-rows:80px auto}.Work .company-list{display:flex;flex-direction:row}.Work .company-name{width:100px}.Work .left-line{display:none}}.Footer{display:flex;justify-content:center;height:100px;align-items:center;background-color:#1a1a1d}.Footer .footer-main{width:70%;display:grid;grid-template-columns:1fr 1fr 1fr}.footer-left-line,.footer-right-line{height:2px;background-color:#c3073f;width:100%;align-self:center}.footer-text{color:#c3073f;font-size:clamp(10px,2vw,14px)}@media (max-width:1260px){.Footer .footer-main{width:90%;grid-template-columns:1fr 2fr 1fr}}
/*# sourceMappingURL=main.265342a0.chunk.css.map */