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}:root{--charcoal:#2e424d;--air-blue:#5b8291;--tiffany-blue:#98dad9;--flash-white:#eaebed;--grey:hsla(220,8%,92%,.5)}*{box-sizing:border-box;margin:0;padding:0}body{background:#030303;background:linear-gradient(90deg,#030303,#2e424d);background:-webkit-linear-gradient(90deg,#030303,#2e424d);background-repeat:no-repeat;padding:.5rem 6rem}.text-white{color:#eaebed;color:var(--flash-white)}.text-tiffany{color:#98dad9;color:var(--tiffany-blue)}.text-charcoal{color:#2e424d;color:var(--charcoal)}.bg-air-blue{--air-blue:rgba(91,130,145,.2);background-color:#5b8291;background-color:var(--air-blue)}.btn-outline{background-color:initial;border:1px solid #98dad9;border:1px solid var(--tiffany-blue);border-radius:12px;color:#eaebed;color:var(--flash-white);cursor:pointer;padding:.7rem 1.4rem;transition:all .2s}.btn-outline:focus,.btn-outline:hover{background-color:#98dad9;background-color:var(--tiffany-blue);border-radius:12px;color:#2e424d;color:var(--charcoal)}.first-letter{--tiffany-blue:rgba(152,218,217,.5);background:#98dad9;background:var(--tiffany-blue);padding:4px 2px}nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #5b8291;border:1px solid var(--air-blue);border-radius:12px;color:#eaebed;color:var(--flash-white);display:flex;justify-content:center;left:50%;padding:.2rem .5rem;position:fixed;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:5}nav .logo{width:32px}nav .name-box{margin-right:8px;overflow-x:hidden;padding:0 4px;width:-webkit-max-content;width:max-content}nav a{align-items:center;border-radius:12px;color:#eaebed;color:var(--flash-white);display:flex;justify-content:center;padding:8px 0}nav a.active{background:rgba(91,130,145,.2);background:#2e424d;background:var(--charcoal);color:#98dad9;color:var(--tiffany-blue)}nav .items:not(.name){padding:2px 16px}.home{color:#eaebed;color:var(--flash-white);margin:8rem 0}.avatar{align-items:center;background:#244d61;border-radius:50%;display:flex;height:640px;justify-content:center;overflow:hidden;position:absolute;right:0;top:50px;width:640px;z-index:-1}.avatar img{width:650px}.my-name{font-size:.8rem}.home .name{font-size:4rem}.home .desc{margin:1.5rem 0;padding:.5rem 0;width:40%}.desc span{color:#98dad9;color:var(--tiffany-blue)}.quote{background:hsla(220,8%,92%,.3);border-radius:8px;margin:3rem 0;padding:1.5rem;width:50%}#quote{margin:.5rem 4.5rem .5rem 0;text-align:center}.quotation{color:#98dad9;color:var(--tiffany-blue);font-size:2em;line-height:10%;padding:0 4px;position:relative;top:8px}.writer{font-weight:700;text-align:right}.prof-container{align-items:center;-webkit-animation:inc-pad 6s linear infinite;animation:inc-pad 6s linear infinite;display:flex;overflow:hidden;padding:0 9rem 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.prof-container span{display:inline-block;font-size:4rem;margin:0;padding:0}#fullstack{background-color:#eaebed;background-color:var(--flash-white);color:#2e424d;color:var(--charcoal)}#backend{background-color:#cd921e}#frontend{background-color:#c10528}#push{color:#5b8291;color:var(--air-blue);padding:0}.text-wrap{-webkit-animation:slide 6s linear infinite;animation:slide 6s linear infinite;position:relative}.animation{height:.88em;margin-left:1rem;overflow:hidden;position:relative;top:10px}.animation span{-webkit-animation:push-down 6s linear infinite;animation:push-down 6s linear infinite;padding:0 .5rem;position:relative;top:-.65em}.animation>span>div{font-size:4rem;margin:1.5rem 0;padding:0}#push:after{-webkit-animation:dev 6s linear infinite;animation:dev 6s linear infinite;content:")";font-size:4rem;left:6.4em;margin-left:2rem;position:absolute}@-webkit-keyframes push-down{0%{top:-5.9em}3%{top:-4.1em}18%{top:-4.1em}21%{top:-2.4em}36%{top:-2.4em}39%{top:-.65em}54%{top:-.65em}to{top:-.65em}}@keyframes push-down{0%{top:-5.9em}3%{top:-4.1em}18%{top:-4.1em}21%{top:-2.4em}36%{top:-2.4em}39%{top:-.65em}54%{top:-.65em}to{top:-.65em}}@-webkit-keyframes slide{0%{left:0}54%{left:0}60%{left:-11.3em}to{left:-11.3em}}@keyframes slide{0%{left:0}54%{left:0}60%{left:-11.3em}to{left:-11.3em}}@-webkit-keyframes dev{0%{content:")"}54%{content:")"}55%{content:"Developer"}to{content:"Developer"}}@keyframes dev{0%{content:")"}54%{content:")"}55%{content:"Developer"}to{content:"Developer"}}@-webkit-keyframes inc-pad{0%{padding-right:.8em}54%{padding-right:.8em}60%{padding-right:7em}to{padding-right:7em}}@keyframes inc-pad{0%{padding-right:.8em}54%{padding-right:.8em}60%{padding-right:7em}to{padding-right:7em}}section{display:flex;flex-direction:column;margin:6rem 0;position:relative}.head h3{font-size:2rem}section .head{align-items:center;color:#eaebed;color:var(--flash-white);display:flex}.head .hr-line{border:none;border-bottom:1px solid #eaebed;border-bottom:1px solid var(--flash-white);height:0;margin:auto 2rem;width:20rem}#proj-container{-ms-overflow-style:none;display:flex;flex-direction:column;height:calc(280px + 8rem);margin:2rem auto;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 10%,#000 90%,#0000);overflow-y:scroll;position:relative;scroll-snap-type:y mandatory;scrollbar-width:0}#proj-container::-webkit-scrollbar{width:0}#proj-container::-webkit-scrollbar-track{background:transparent}.progress{background:#98dad9;background:var(--tiffany-blue);height:4px;margin:8px 0;-webkit-transform-origin:0;transform-origin:0}.project{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:3rem 0;padding:1rem 2rem;scroll-snap-align:center}.thumbnail{border-radius:140px;height:280px;min-width:420px;overflow:hidden;position:relative;width:420px}.view-project{align-items:center;background:#00000059;display:none;height:280px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:3}.view-project a{text-decoration:none}.thumbnail:hover .view-project{display:flex}.thumbnail img{bottom:-4px;-webkit-filter:brightness(.8);filter:brightness(.8);height:290px;left:-8px;position:absolute;right:-4px;top:-4px}.desc-side{padding:.5rem 2rem .5rem 0}.project .title{color:#98dad9;color:var(--tiffany-blue)}.project .desc{color:#eaebed;color:var(--flash-white);margin:.6rem 0 .3rem;padding:.3rem 0}.project .tech-used{display:flex;flex-wrap:wrap}.project .tech-used span{background:hsla(0,0%,85%,.1);border-radius:4px;color:#eaebed;color:var(--flash-white);margin-bottom:4px;margin-right:4px;padding:2px 10px;text-align:center}.mobile-view-project{display:none}.tech-stack-section{margin-top:2rem}#tech-container{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:1.5rem 1rem 1rem;padding:1rem}.skill{text-wrap:nowrap;border:1px solid #98dad9;border:1px solid var(--tiffany-blue);border-radius:8px;color:#eaebed;color:var(--flash-white);flex:1 0 100px;padding:1.5rem 3rem;text-align:center}#ts{background:rgba(1,206,247,.1);border:1px solid #01d0f7}#js,#ts{flex-basis:300px}#js{background:rgba(245,220,27,.3);border:1px solid #f5dd1b}#bs{background:rgba(148,129,255,.3);border:1px solid #9381ff}#bs,#socket{flex-basis:300px}#socket{background:rgba(2,2,2,.3);border:1px solid #020202}#tailwind{background:rgba(15,23,42,.3);border:1px solid #193251;flex-basis:300px}#cpp{background:rgba(0,86,157,.1);border:1px solid #00579d}#react{background:rgba(1,206,247,.1);border:1px solid #01d0f7}#node{background:rgba(87,166,69,.1);border:1px solid #57a645}#ex{background:rgba(2,2,2,.3);border:1px solid #020202}#mongo{background:rgba(28,136,51,.1);border:1px solid #1c8833}#css{background:rgba(0,86,157,.1);border:1px solid #00579d}#html{background:rgba(227,76,38,.1);border:1px solid #e34c26}#java{background:rgba(237,32,29,.1);border:1px solid #ed1f1d}.skill>p{text-transform:uppercase}.bio-data{margin:.5rem 3rem;padding:1rem}.bio p{color:#eaebed;color:var(--flash-white);line-height:24px;padding:8px 4px}.education{margin-top:3rem}.edu-detail{display:flex;justify-content:center;padding:2rem}#left,.edu-detail{position:relative}#edu-scroll-bar{height:180px;left:-16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}#edu-scroll-thumb{background:#98dad9;background:var(--tiffany-blue);height:45px;left:0;position:absolute;top:61px;width:4px}#left ul{display:flex;flex-direction:column;height:260px;justify-content:center;margin:auto 12px}#left ul button{background:transparent;border:none;border-radius:8px;color:#5b8291;color:var(--air-blue);cursor:pointer;padding:8px 12px}#left ul button.active{background:rgba(91,130,145,.2);color:#98dad9;color:var(--tiffany-blue)}.education #right{-ms-overflow-style:none;color:#eaebed;color:var(--flash-white);height:260px;overflow-y:scroll;padding:1rem;scroll-snap-type:y mandatory;scrollbar-width:4px;width:auto}#right::-webkit-scrollbar{display:none}.edu-desc{margin:3rem 0;padding:1rem;scroll-snap-align:center}.edu-desc>p{margin:.5rem}.year{font-size:.7rem}.learning{margin:1rem .5rem}.learning p{padding:2px 0}.work-experience{padding:20px}.work-experience .head{margin-bottom:20px;text-align:center}.work-experience .timeline{display:flex;flex-direction:column-reverse;margin:0 auto;max-width:920px;padding:0;position:relative}.work-experience .timeline:before{background:hsla(220,8%,92%,.5);background:var(--grey);bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;z-index:0}.timeline-item{background:#2e424d;background:var(--charcoal);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#eaebed;color:var(--flash-white);margin:40px 0;padding:20px;position:relative;width:45%}.timeline-item:nth-child(2n){left:0}.timeline-item:nth-child(odd){left:55%}.timeline-item:before{background:#98dad9;background:var(--tiffany-blue);border:4px solid #2e424d;border:4px solid var(--charcoal);border-radius:50%;content:"";height:16px;left:-14%;position:absolute;top:20px;width:16px;z-index:1}.timeline-item:nth-child(2n):before{left:auto;right:-14%}.timeline-content h5{font-size:1.5rem;font-weight:700;margin-bottom:10px}.timeline-content .company{color:#98dad9;color:var(--tiffany-blue);font-size:1.2rem;margin-bottom:5px}.timeline-content .duration{color:hsla(220,8%,92%,.5);color:var(--grey);font-size:.9rem;margin-bottom:15px}.timeline-content .responsibilities{padding-left:20px}.timeline-content .responsibilities li{color:#eaebed;color:var(--flash-white);list-style-type:disc;margin-bottom:5px}@media (max-width:768px){.work-experience .timeline:before{left:16px}.timeline-item{left:32px;width:96%}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:32px}.timeline-item:nth-child(2n):before,.timeline-item:nth-child(odd):before{left:-28px;right:auto}}.contact{display:flex;flex-direction:row;justify-content:center}.text-group{color:#eaebed;color:var(--flash-white);margin:0 1.5rem;width:28%}#get-in-touch{text-transform:uppercase}#would-love{font-size:4rem;margin:2rem 0}.form{margin:0 1.5rem;width:30%}.form input{border-radius:8px;height:44px;margin-bottom:36px;width:100%}.form input[type=email],.form input[type=text]{background:hsla(220,8%,92%,.1);border:1px solid #98dad9;border:1px solid var(--tiffany-blue);color:#98dad9;color:var(--tiffany-blue);outline:none;padding:12px}form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{--grey:hsla(220,8%,92%,.5);color:hsla(220,8%,92%,.5);color:var(--grey)}form input::placeholder,form textarea::placeholder{--grey:hsla(220,8%,92%,.5);color:hsla(220,8%,92%,.5);color:var(--grey)}.form textarea{background:hsla(220,8%,92%,.1);border:1px solid #98dad9;border:1px solid var(--tiffany-blue);border-radius:8px;color:#98dad9;color:var(--tiffany-blue);margin-bottom:36px;outline:none;padding:12px;width:100%}.form input[type=submit]{background:#98dad9;background:var(--tiffany-blue);color:#2e424d;color:var(--charcoal);cursor:pointer;margin-top:8px}.form input[type=submit],.start-project{border:1px solid #5b8291;border:1px solid var(--air-blue)}.start-project{align-items:center;border-radius:12px;display:flex;justify-content:space-between;padding:.6rem 1.2rem}.start-project h3{font-size:24px}.start-project p{margin:1rem .5rem;padding:.2rem .5rem;width:40%}.start-project a{text-decoration:none}.start-project a i{margin-right:.5rem}.social{align-items:center;display:flex;flex-direction:row-reverse;margin:2rem 0;overflow-x:hidden;padding:1rem 0;position:relative}.so-item{margin:.5rem 1rem;padding:0}#v-line{background:#eaebed;background:var(--flash-white);height:48px;left:0;margin-right:1rem;position:absolute;width:3px}#social-heading{display:none}#social-head:before{content:"Connect with me on ";left:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left .2s;white-space:pre}a.so-item{color:#eaebed;color:var(--flash-white)}.so-item:focus,.so-item:hover{color:#98dad9;color:var(--tiffany-blue)}.so-item:first-child:focus~#social-head:before,.so-item:first-child:hover~#social-head:before{-webkit-animation:insta .4s linear forwards;animation:insta .4s linear forwards}.so-item:nth-child(2):focus~#social-head:before,.so-item:nth-child(2):hover~#social-head:before{-webkit-animation:github .4s linear forwards;animation:github .4s linear forwards}.so-item:nth-child(3):focus~#social-head:before,.so-item:nth-child(3):hover~#social-head:before{-webkit-animation:linkedin .4s linear forwards;animation:linkedin .4s linear forwards}@-webkit-keyframes github{0%{left:20px}50%{content:"Github";left:-200px}to{content:"Github";left:20px}}@keyframes github{0%{left:20px}50%{content:"Github";left:-200px}to{content:"Github";left:20px}}@-webkit-keyframes linkedin{0%{left:20px}50%{content:"LinkedIn";left:-200px}to{content:"LinkedIn";left:20px}}@keyframes linkedin{0%{left:20px}50%{content:"LinkedIn";left:-200px}to{content:"LinkedIn";left:20px}}@-webkit-keyframes insta{0%{left:20px}50%{content:"Instagram";left:-200px}to{content:"Instagram";left:20px}}@keyframes insta{0%{left:20px}50%{content:"Instagram";left:-200px}to{content:"Instagram";left:20px}}footer{align-items:center;color:#eaebed;color:var(--flash-white);display:flex;flex-direction:column;justify-content:center;padding:1rem}footer .flex{display:flex;position:relative}footer p{font-size:12px;margin:.2rem .5rem}footer span{color:#eaebed;color:var(--flash-white);padding-left:4px;text-shadow:0 0 2px #98dad9;text-shadow:0 0 2px var(--tiffany-blue)}footer b{font-size:18px}footer hr{border:0;border-top:1px solid #eaebed;border-top:1px solid var(--flash-white);height:1px;position:relative;top:12px;width:24px}.loader-page{height:calc(100vh - 1rem);margin:0;padding:0;width:calc(100vw - 12rem)}.loader,.loader-page{align-items:center;display:flex;justify-content:center}.loader{box-sizing:initial;color:#98dad9;color:var(--tiffany-blue);height:90px;position:relative;width:90px}.loader p{-webkit-animation:showup .25s linear 1125ms forwards;animation:showup .25s linear 1125ms forwards;font-size:2rem;font-weight:600;opacity:0;position:relative;top:-.2rem}.loader .side{border-radius:4px;box-sizing:initial;display:block;height:53px;overflow:hidden;position:absolute;width:4px}.loader .side span{background-color:#98dad9;background-color:var(--tiffany-blue);display:block;height:54px;position:relative;width:4px}.side:first-child{height:51px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.side:nth-child(2){left:0;top:0;-webkit-transform:rotate(60deg) translate(-100%,-50%);transform:rotate(60deg) translate(-100%,-50%)}.side:nth-child(3){right:0;top:0;-webkit-transform:rotate(120deg) translate(-100%,50%);transform:rotate(120deg) translate(-100%,50%)}.side:nth-child(4){height:51px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.side:nth-child(5){bottom:0;right:0;-webkit-transform:rotate(60deg) translate(100%,50%);transform:rotate(60deg) translate(100%,50%)}.side:nth-child(6){bottom:0;left:0;-webkit-transform:rotate(120deg) translate(100%,-50%);transform:rotate(120deg) translate(100%,-50%)}.side:nth-child(2) span{-webkit-animation:load1 .25s linear forwards;animation:load1 .25s linear forwards;bottom:-100%}.side:nth-child(3) span{-webkit-animation:load2 225ms linear .25s forwards;animation:load2 225ms linear .25s forwards;bottom:-100%}.side:nth-child(4) span{-webkit-animation:load3 .2s linear 475ms forwards;animation:load3 .2s linear 475ms forwards;top:-110%}.side:nth-child(5) span{-webkit-animation:load4 175ms linear 675ms forwards;animation:load4 175ms linear 675ms forwards;top:-110%}.side:nth-child(6) span{-webkit-animation:load5 .15s linear .85s forwards;animation:load5 .15s linear .85s forwards;top:-110%}.side:first-child span{-webkit-animation:load6 125ms linear 1s forwards;animation:load6 125ms linear 1s forwards;bottom:-100%}@-webkit-keyframes load1{0%{bottom:-100%}to{bottom:0}}@keyframes load1{0%{bottom:-100%}to{bottom:0}}@-webkit-keyframes load2{0%{bottom:-100%}to{bottom:0}}@keyframes load2{0%{bottom:-100%}to{bottom:0}}@-webkit-keyframes load3{0%{top:-100%}to{top:0}}@keyframes load3{0%{top:-100%}to{top:0}}@-webkit-keyframes load4{0%{top:-100%}to{top:0}}@keyframes load4{0%{top:-100%}to{top:0}}@-webkit-keyframes load5{0%{top:-100%}to{top:0}}@keyframes load5{0%{top:-100%}to{top:0}}@-webkit-keyframes load6{0%{bottom:-100%}to{bottom:0}}@keyframes load6{0%{bottom:-100%}to{bottom:0}}@-webkit-keyframes showup{0%{opacity:0}to{opacity:1}}@keyframes showup{0%{opacity:0}to{opacity:1}}.alert{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;color:#eaebed;color:var(--flash-white);display:flex;justify-content:center;left:50%;padding:1rem 2rem;position:fixed;top:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:top .3s ease-in;width:-webkit-max-content;width:max-content;z-index:10}.alert.visible{top:20px}.alert.danger{background:rgba(255,117,25,.1);border:1px solid rgba(255,117,25,.5);color:#ff7519}.alert.success{background:rgba(92,184,92,.1);border:1px solid rgba(92,184,92,.5);color:#5cb85c}@media screen and (max-width:1023px){body{padding:3rem}.loader-page{height:calc(100vh - 3rem);width:calc(100vw - 6rem)}.home{margin:5rem 0}.avatar{height:500px;top:100px;width:500px}.avatar img{width:610px}.home .desc,.quote{width:50%}#proj-container{height:calc(310px + 8rem)}.thumbnail{height:242px;min-width:340px;width:420px}.project{padding:1rem 0}.project:last-child{margin-bottom:4rem;padding:2rem 0}}@media screen and (max-width:767px){body{padding:2em}.loader-page{height:calc(100vh - 4em);width:calc(100vw - 4em)}.home{margin:4em 0}.avatar{height:400px;left:50%;position:relative;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px}.avatar img{width:410px}.my-name{font-size:.7rem}.home .name{font-size:2.5rem}#push:after,.animation span>div,.prof-container span{font-size:1.9rem}.animation{top:5px}#push:after{left:6.2em}@-webkit-keyframes push-down{0%{top:-5.9em}3%{top:-5.38em}18%{top:-5.38em}21%{top:-3.22em}36%{top:-3.22em}39%{top:-1.1em}54%{top:-1.1em}to{top:-1.1em}}@keyframes push-down{0%{top:-5.9em}3%{top:-5.38em}18%{top:-5.38em}21%{top:-3.22em}36%{top:-3.22em}39%{top:-1.1em}54%{top:-1.1em}to{top:-1.1em}}@-webkit-keyframes slide{0%{left:0}54%{left:0}60%{left:-5.7em}to{left:-5.7em}}@keyframes slide{0%{left:0}54%{left:0}60%{left:-5.7em}to{left:-5.7em}}@-webkit-keyframes inc-pad{0%{padding-right:.8em}54%{padding-right:.8em}60%{padding-right:3.8em}to{padding-right:3.8em}}@keyframes inc-pad{0%{padding-right:.8em}54%{padding-right:.8em}60%{padding-right:3.8em}to{padding-right:3.8em}}.home .desc,.quote{width:100%}#quote{width:90%}.start-project{flex-direction:column;padding:.8rem}.start-project p{width:100%}.social{align-items:center;flex-direction:column-reverse}#social-head{display:none}#social-heading{align-self:flex-start;display:block;margin-bottom:1.5rem}#v-line,.head .hr-line{display:none}#proj-container{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-mask-image:none;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;width:100%}.thumbnail{border-radius:8px 8px 0 0;height:266.42857px;width:371px}.project{--air-blue:rgba(91,130,145,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5b8291;background:var(--air-blue);border:1px solid rgba(91,130,145,.4);border-radius:8px;flex-direction:column;justify-content:flex-start;margin:.5rem 2rem;padding:0;width:375px}.project:last-child{margin-bottom:0;padding:0}.desc-side{display:flex;flex-direction:column;margin:0;padding:1.2em}.project .detail{height:220px;margin-top:16px;overflow-y:scroll;padding:0}.project .title{font-size:1.2rem;letter-spacing:1px;position:relative;text-align:center}.project .title:after{background-color:hsla(220,8%,92%,.5);background-color:var(--grey);border-radius:4px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:44px}.project .desc{margin:0;text-align:justify}.thumbnail:hover .view-project{display:none}.mobile-view-project{align-self:flex-end;border-radius:4px;color:#98dad9;color:var(--tiffany-blue);display:block;margin-top:8px;padding:8px 12px;text-align:center;text-decoration:none}.project a:focus,.project a:hover{border:1px solid #98dad9;border:1px solid var(--tiffany-blue)}#tech-container{gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));margin:1.5rem 0 0;padding:0}.skill{padding:1.5rem 2rem}.bio-data{margin:.5rem;padding:0}.edu-detail{display:flex;flex-direction:column;padding:2rem;position:relative}#left{position:static}.education #right{margin:12px 0;padding:4px}#left ul{flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0}#edu-scroll-bar{top:50%;-webkit-transform:translateY(-40%);transform:translateY(-40%)}.contact{flex-direction:column}.text-group{margin:0;width:90%}.form{margin:0;width:calc(100vw - 4em)}}@media screen and (max-width:424px){body{padding:1em}.loader-page{height:calc(100vh - 2em);width:calc(100vw - 2em)}nav .logo{width:28px}nav a{padding:8px 2px;width:40px}.home{margin:4em 0}.avatar{height:calc(100vw - 2em);left:50%;position:relative;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100vw - 2em)}.avatar img{width:calc(100vw - 2em + 10px)}@-webkit-keyframes push-down{0%{top:-5.9em}3%{top:-4.9em}18%{top:-4.9em}21%{top:-2.9em}36%{top:-2.9em}39%{top:-.9em}54%{top:-.9em}to{top:-.9em}}@keyframes push-down{0%{top:-5.9em}3%{top:-4.9em}18%{top:-4.9em}21%{top:-2.9em}36%{top:-2.9em}39%{top:-.9em}54%{top:-.9em}to{top:-.9em}}.head h3{font-size:1.5rem}.thumbnail{border-radius:8px 8px 0 0;height:244.28571px;width:342px}.project{width:344px}#tech-container{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill{padding:1.5rem 1.2rem}.edu-detail{padding:.5rem}#left{margin-top:8px}#edu-scroll-bar{left:-4px}.form,.text-group{width:100%}}@media screen and (max-width:359px){body{padding:.8em}.loader-page{height:calc(100vh - 1.6em);width:calc(100vw - 1.6em)}nav .logo{width:28px}nav a{padding:8px 2px;width:40px}.home{margin:5rem 0}.avatar{height:calc(100vw - 1.6em);position:relative;width:calc(100vw - 1.6em)}.avatar img{width:calc(100vw - 1.6em + 8px)}.thumbnail{border-radius:8px 8px 0 0;height:calc(71.42857vw - 1.14286em - 4.28571px);min-width:calc(100vw - 1.6em - 6px);width:calc(100vw - 1.6em - 6px)}.project{width:calc(100vw - 1.6em - 4px)}#tech-container{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.skill{padding:1.5rem 1.2rem}}
/*# sourceMappingURL=main.664c6256.css.map*/