@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Roboto Mono,monospace;margin:0;padding:0}.app{background-color:#050505;min-height:100vh;padding-top:1px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#000;border-radius:0;box-shadow:inset 0 0 5px #000}::-webkit-scrollbar-thumb{background:#f73054;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#df2e2e}header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(5,5,5,.615);border-bottom:1px solid #525252;margin:auto;min-height:80px;position:sticky;position:-webkit-sticky;top:0;transition:all .3s;width:100%;z-index:2}.mobile-menu,header{justify-content:center}.mobile-menu{align-items:center;display:none;flex-direction:column;margin:auto auto 15px}.mobile-menu>div{margin:5px 0}.mobile-menu>div>a{color:#fff;font-size:1.5rem;text-decoration:none}.nav{color:#fff;cursor:pointer;display:none;font-size:1.8rem;transition:color .3s;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.nav-list{display:flex;gap:2rem;height:100%;justify-content:center;margin:auto;width:100%}.nav-list>li{color:#f5f5f5;list-style:none;padding:25px}.nav-list>li>a{color:#f5f5f5;display:flex;font-size:1.25rem;gap:.5rem;position:relative;text-decoration:none}.nav-list>li>a>span{color:#ff3a5e}.nav-list li a:hover{color:#fff}header .nav-list li a:after{background:linear-gradient(270deg,#ff3a5e,#17161d);bottom:-6px;content:"";height:1px;left:auto;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);transition:transform .5s cubic-bezier(.86,0,.07,1);transition:transform .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1);width:100%}header .nav-list li a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}section{color:#fff;min-height:600px}section,section>.name{display:flex;flex-direction:column;justify-content:center}section>.name{margin:auto;text-align:center;width:80%}@-webkit-keyframes drop{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drop{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.name_name{-webkit-animation:drop 1.3s cubic-bezier(.5,0,0,1) .3s forwards;animation:drop 1.3s cubic-bezier(.5,0,0,1) .3s forwards;font-size:3.5rem;font-weight:600;margin:auto auto 10px;opacity:0}.name_name>span{color:#ff3a5e}.name_p{-webkit-animation:drop 1.6s cubic-bezier(.5,0,0,1) 1s forwards;animation:drop 1.6s cubic-bezier(.5,0,0,1) 1s forwards;display:block;font-size:2rem;font-weight:300;margin:auto;opacity:0;position:relative}.name_p>span{color:#ff3a5e}.name_p:after{-webkit-animation:blink 1.2s 2.3s infinite;animation:blink 1.2s 2.3s infinite;color:#ff3a5e;content:"|";font-size:1.65rem;margin-left:5px;margin-top:3px;opacity:0;position:absolute;top:auto}.about_me_section,.projects_section,.resume_contact_section{scroll-margin-top:80px}.contact_section,.projects_section{background-color:#0e0e1c}.projects_div{display:flex;flex-direction:column;gap:2.5rem;padding:40px 15px}.projects_div>h2{font-size:2.5rem;margin:auto}.projects{display:flex;flex-direction:row;flex-wrap:wrap;gap:4rem;justify-content:center}.projects_div>h2>span{color:#ff3a5e}.left_div,.right_div{display:flex;flex-direction:row;gap:4rem}.single_project{background-color:#050505;display:flex;flex-direction:column;gap:.5rem;height:470px;justify-content:center;margin:auto;padding:10px 20px;text-align:center;width:400px}.single_project>h3{font-size:1.5rem;font-weight:400;margin-top:0;padding-top:0}.single_project>p{margin:auto 0}.buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:auto auto 0;text-align:center}.buttons>button>a{color:#000;text-decoration:none}.buttons>button>a,.code,.live,.technologies{border:none;cursor:pointer;display:flex;font-size:.85rem}.code,.live,.technologies{background-color:#fff;border-radius:5px;padding:8px;transition:all .1s}.code>a>span,.live>a>span,.technologies>span{margin-left:2px;margin-top:3px}.resume_contact_section{display:flex;flex-direction:row}.resume_contact_section>div{flex:0.5 1}.resume{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:7px}.resume,.resume>h1{margin:auto}.resume>img{height:500px;margin:auto;width:350px}.download{background-color:#ff3a5e;border:none;cursor:pointer;margin:auto;padding:8px;width:150px}.download,.resume>a{border-radius:5px;color:#fff;font-size:1rem}.resume>a{text-decoration:none}.contact{height:100%;justify-content:center;margin:auto;text-align:center;width:100%}.contact>h1{color:#ff3a5e}.contact_div{display:flex;flex-direction:column;gap:.5rem;margin:40px auto auto}.contact_div>h2{display:block}@media only screen and (max-width:1793px){.left_div,.right_div{flex-direction:column}.projects{justify-content:space-evenly}}@media only screen and (max-width:1000px){.about_me_section,.projects_section,.resume_contact_section{scroll-margin-top:250px}.nav{display:flex;flex-direction:column;justify-content:center;margin:auto 10% auto auto}.nav>p{margin-top:15px}.nav-list{display:none}.name_name{margin-bottom:20px}}@media only screen and (max-width:815px){.resume{padding-top:20px}.resume_contact_section{flex-direction:column;gap:2rem}.contact{margin-bottom:40px;margin-top:30px}.contact_div{margin-top:20px}}@media only screen and (max-width:640px){.name{width:90%}.name_name{font-size:2.5rem;margin-bottom:25px}.name_p{font-size:1.5rem;line-height:2rem}.name_p:after{font-size:1.25rem;margin-left:3px;margin-top:-2px}}@media only screen and (max-width:450px){.about_me_section,.projects_section,.resume_contact_section{scroll-margin-top:200px}.name_name{font-size:2rem;margin-bottom:25px}.name_p{font-size:1.125rem;line-height:1.75rem}.mobile-menu>div>a{font-size:1rem}.nav>p{font-size:1.5rem}.projects_div>h2{font-size:1.75rem}.name_p:after{font-size:.85rem;margin-left:3px;margin-top:auto}.about_me_section{min-height:500px}}@media only screen and (max-width:400px){.resume>img{height:400px;width:300px}.single_project>video{width:258px}.contact>h1{font-size:1.3rem}.contact_div>h2{font-size:1.2rem}.single_project{height:100%;max-height:530px;width:300px}.technologies{margin-left:17px}}@media only screen and (max-width:315px){.single_project{height:510px;padding:10px 5px;width:270px}.resume>img{height:400px;width:250px}}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
/*# sourceMappingURL=main.9d251ad9.css.map*/