@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap);#root,body,html{overflow-x:hidden;scroll-behavior:smooth;padding:0;margin:0}#root .subpage{transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;opacity:0}body{background:#31b2a8}*{box-sizing:border-box}a,h1,h2,h3,h4,h5,h6,p,span{color:#d8f0ee}.dynamic-container{text-align:center;height:40vh;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.svg-anim{width:100%;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d8f0ee}::-webkit-scrollbar-thumb{background:#056d65}::-webkit-scrollbar-thumb:hover{background:#1a524e}.main-content-container{display:flex;align-items:center;-webkit-transform:translateY(-25%);transform:translateY(-25%);justify-content:space-between;flex-wrap:wrap}.main-content-container>.main-left-container{text-align:center;min-width:500px;max-width:50%;flex-grow:1;cursor:default;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.main-content-container>.main-left-container>h1{font-size:5rem;margin:0;font-family:"Roboto Slab",serif}.main-content-container>.main-left-container>h6{font-size:.8rem;margin:5px;font-family:"Roboto Mono",monospace}.main-content-container>.main-left-container>button{padding:5px 50px;background:transparent;border:1px solid #d8f0ee;outline:none;border-radius:100px;color:#d8f0ee;cursor:pointer;margin-top:100px;font-family:"Roboto Mono",monospace;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.main-content-container>.main-left-container>button:hover{color:#1a524e;background:#31b2a8}@media screen and (max-width:800px){.main-content-container>.main-left-container{min-width:0;max-width:none;width:100vw;margin-top:300px}.main-content-container>.main-left-container>h1{font-size:4rem}}.main-content-container>.main-navbar{display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:20px;gap:20px;width:30%;min-width:300px;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.main-content-container>.main-navbar>button{position:relative;width:100%;font-size:3rem;font-family:"Roboto Mono",monospace;-webkit-clip-path:polygon(3% 0,100% 0,100% 100%,0 100%);clip-path:polygon(3% 0,100% 0,100% 100%,0 100%);color:#d8f0ee;background:transparent;outline:none;border:none;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;cursor:pointer;overflow:hidden}.main-content-container>.main-navbar>button:before{content:"";background:#056d65;left:10px;width:10px;height:150%;-webkit-transform:translateY(-25%) rotate(12deg);transform:translateY(-25%) rotate(12deg);position:absolute}.main-content-container>.main-navbar>button:hover{background:#056d65;color:#31b2a8}@media screen and (max-width:800px){.main-content-container>.main-navbar{max-width:none;width:100vw;margin-top:100px}.main-content-container>.main-navbar>h1{font-size:4rem}}#loading-anim{-webkit-transform:translateY(100%);transform:translateY(100%)}#loading-anim #load-1,#loading-anim #load-2{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#perks-container{padding:1cm 0 0;text-align:center;overflow:hidden}#perks-container #perks-list{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:100px;overflow:hidden}#perks-container #perks-list>div{display:flex;align-items:center;justify-content:space-between;width:100vw;padding:20vh 5vw 20vh 15vw;position:relative;overflow:hidden}#perks-container #perks-list>div:first-of-type{z-index:1}#perks-container #perks-list>div:nth-of-type(2){z-index:2}#perks-container #perks-list>div:nth-of-type(3){z-index:3}#perks-container #perks-list>div:nth-of-type(4){z-index:4}#perks-container #perks-list>div:nth-of-type(5){z-index:5}#perks-container #perks-list>div img{position:fixed;top:50%}#perks-container #perks-list>div>div{display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:40px;gap:40px;font-family:"Roboto Mono",monospace;width:60%}#perks-container #perks-list>div>div h1{font-size:6rem;margin:0;color:#000}#perks-container #perks-list>div>div p{font-size:1.5rem;margin:0;color:#000;font-weight:700}#PERKS #P1{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-animation:vertical 3s ease-in-out forwards;animation:vertical 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #P2{transform-box:fill-box;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}#PERKS #P2,#PERKS #P3{-webkit-animation:horizontal 3s ease-in-out forwards;animation:horizontal 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #P3{transform-box:fill-box;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}#PERKS #E1,#PERKS #P4{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-animation:vertical 3s ease-in-out forwards;animation:vertical 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #E2,#PERKS #E3,#PERKS #E4{transform-box:fill-box;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-animation:horizontal 3s ease-in-out forwards;animation:horizontal 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #R1,#PERKS #R3{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-animation:vertical 3s ease-in-out forwards;animation:vertical 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #R2,#PERKS #R4{transform-box:fill-box;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-animation:horizontal 3s ease-in-out forwards;animation:horizontal 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #R5{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:scale 3s ease-in-out forwards;animation:scale 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #K1{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-animation:vertical 3s ease-in-out forwards;animation:vertical 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #K2,#PERKS #K3{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:scale 3s ease-in-out forwards;animation:scale 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #S1,#PERKS #S5{transform-box:fill-box;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-animation:horizontal 3s ease-in-out forwards;animation:horizontal 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #S2,#PERKS #S4{transform-box:fill-box;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-animation:vertical 3s ease-in-out forwards;animation:vertical 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}#PERKS #S3{transform-box:fill-box;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-animation:horizontal 3s ease-in-out forwards;animation:horizontal 3s ease-in-out forwards;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes vertical{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes vertical{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes horizontal{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes horizontal{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}#about-me-page{grid-gap:50px;gap:50px;flex-direction:column;padding:0 0 50px}#about-me-page,#about-me-page .white-section{display:flex;align-items:center;justify-content:center}#about-me-page .white-section{background:#d8f0ee;width:800px;padding:10px;min-height:200px;border-radius:5px;grid-gap:10px;gap:10px;text-align:center;flex-wrap:wrap;box-shadow:0 8px 14px -1px rgba(0,0,0,.52)}#about-me-page .white-section div{width:500px;order:2}#about-me-page .white-section div p{margin:15px 0 0}#about-me-page .white-section div p:nth-child(odd){font-size:.8rem;margin:0 0 5px}#about-me-page .white-section img{order:3;width:30%;border-radius:5px}@media screen and (max-width:800px){#about-me-page .white-section{width:80%}#about-me-page .white-section img{order:1;width:200px}}#about-me-page .white-section h5,#about-me-page .white-section h6,#about-me-page .white-section p{color:#1a524e;font-family:"Roboto Mono",monospace}#about-me-page .green-section{display:flex;align-items:center;justify-content:center;grid-gap:50px;gap:50px;text-align:center;flex-wrap:wrap}#about-me-page .green-section div{border-radius:5px;min-height:200px;background:#1a524e;width:375px;padding:10px;box-shadow:0 8px 14px -1px rgba(0,0,0,.52)}@media screen and (max-width:800px){#about-me-page .green-section div{width:80%}}#about-me-page .green-section div h5{margin-bottom:20px}#about-me-page .green-section div p{margin:0}#about-me-page .green-section div .smaller{font-size:.7rem}#about-me-page .green-section div p:not(.smaller){margin:5px 0 0}#about-me-page .green-section .long-green{width:800px}#about-me-page .green-section .long-green #social-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:20px;gap:20px;font-size:3rem;color:#d8f0ee;cursor:pointer}#about-me-page .green-section .long-green #social-container>*{transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#about-me-page .green-section .long-green #social-container>:hover{-webkit-transform:scale(.8);transform:scale(.8);color:#31b2a8}@media screen and (max-width:800px){#about-me-page .green-section .long-green{width:80vw}}#about-me-page .green-section h5,#about-me-page .green-section h6,#about-me-page .green-section p{color:#d8f0ee;font-family:"Roboto Mono",monospace}#about-me-page h5{font-size:1.2rem;margin:0 0 5px}#about-me-page p{font-size:.9rem}.home-btn{outline:none;border:none;background:transparent;cursor:pointer;position:absolute;left:5px;top:5px}@media screen and (max-width:800px){.home-btn{position:relative}}#home-btn-house,#home-btn-roof{transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#home-btn-house{-webkit-transform-origin:bottom;transform-origin:bottom}#home-btn-roof{-webkit-transform-origin:top;transform-origin:top}.home-btn:hover #home-btn-house,.home-btn:hover #home-btn-roof{-webkit-transform:scale(.9);transform:scale(.9)}.page-title{text-align:center;font-size:4rem;margin:0 0 10px;font-family:"Roboto Slab",serif;text-shadow:4px 4px #31b2a8,6px 6px #1a524e}@media screen and (max-width:800px){#anim-svg{height:20vh;-webkit-transform:scale(1.6);transform:scale(1.6);margin:0}}#about-me-anim #bg,#about-me-anim #navbar{-webkit-transform:translateX(-100%) scale(0) rotateX(90deg);transform:translateX(-100%) scale(0) rotateX(90deg);-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:bg-anim 1.5s ease-in-out .25s forwards;animation:bg-anim 1.5s ease-in-out .25s forwards}#about-me-anim #paragraph01,#about-me-anim #paragraph02,#about-me-anim #paragraph03,#about-me-anim #paragraph04,#about-me-anim #paragraph05,#about-me-anim #paragraph06{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transform-box:fill-box;opacity:0;-webkit-animation:paragraph 1s ease-in-out 1.95s forwards;animation:paragraph 1s ease-in-out 1.95s forwards}#about-me-anim #me{opacity:0;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:about-me-me-anim 1s ease-in-out 2.25s forwards,move-to-center 1s ease-in-out 3.85s forwards;animation:about-me-me-anim 1s ease-in-out 2.25s forwards,move-to-center 1s ease-in-out 3.85s forwards}#about-me-anim #about-me-leave-page{-webkit-animation:leave-page 1s ease-in-out 3.85s forwards;animation:leave-page 1s ease-in-out 3.85s forwards}@-webkit-keyframes bg-anim{0%{-webkit-transform:translateX(-100%) scale(0) rotateX(90deg);transform:translateX(-100%) scale(0) rotateX(90deg);opacity:0}to{-webkit-transform:translateX(0) scale(1) rotateX(0deg);transform:translateX(0) scale(1) rotateX(0deg);opacity:1}}@keyframes bg-anim{0%{-webkit-transform:translateX(-100%) scale(0) rotateX(90deg);transform:translateX(-100%) scale(0) rotateX(90deg);opacity:0}to{-webkit-transform:translateX(0) scale(1) rotateX(0deg);transform:translateX(0) scale(1) rotateX(0deg);opacity:1}}@-webkit-keyframes paragraph{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}@keyframes paragraph{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}@-webkit-keyframes about-me-me-anim{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes about-me-me-anim{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes leave-page{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(80%);transform:translateX(80%);opacity:0}}@keyframes leave-page{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(80%);transform:translateX(80%);opacity:0}}@-webkit-keyframes move-to-center{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes move-to-center{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}#projects-page{grid-gap:50px;gap:50px;flex-direction:column;padding:0 0 50px}#projects-page,.projects-list{display:flex;align-items:center;justify-content:center}.projects-list{width:80%;grid-gap:10px;gap:10px;flex-wrap:wrap}.projects-list button{background:transparent;height:120px;outline:none;border:none;border-bottom:3px solid transparent;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;cursor:pointer}.projects-list button:hover{border-bottom:3px solid #1a524e}.projects-list button img{height:100%;max-width:100%;width:auto}.selected-project{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;flex-direction:column;border-radius:5px;width:35%;background:#1a524e;padding:20px;text-align:center}@media screen and (max-width:800px){.selected-project{width:90%}}.selected-project *{margin:0;font-family:"Roboto Mono",monospace}.selected-project a{text-decoration:none;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;color:#31b2a8}.selected-project a:hover{color:#056d65}.selected-project img{max-height:120px;max-width:100%}@media screen and (max-width:800px){#projects-svg{height:23vh;-webkit-transform:scale(1.4);transform:scale(1.4);margin:0}}#projects-anim #bg{-webkit-animation:popUp 1s ease-in-out forwards;animation:popUp 1s ease-in-out forwards;-webkit-transform-origin:center;transform-origin:center}#projects-anim #person,#projects-anim #person_2{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popUp 1s ease-in-out .5s forwards;animation:popUp 1s ease-in-out .5s forwards;opacity:0}#projects-anim #table{-webkit-animation:popUp 1s ease-in-out .8s forwards;animation:popUp 1s ease-in-out .8s forwards}#projects-anim #left_circle_1,#projects-anim #table{-webkit-transform-origin:center;transform-origin:center;opacity:0}#projects-anim #left_circle_1{-webkit-animation:popUp 1s ease-in-out .9s forwards;animation:popUp 1s ease-in-out .9s forwards}#projects-anim #left_circle_2{-webkit-animation:popUp 1s ease-in-out 1s forwards;animation:popUp 1s ease-in-out 1s forwards}#projects-anim #left_circle_2,#projects-anim #left_circle_3{-webkit-transform-origin:center;transform-origin:center;opacity:0}#projects-anim #left_circle_3{-webkit-animation:popUp 1s ease-in-out 1.1s forwards;animation:popUp 1s ease-in-out 1.1s forwards}#projects-anim #cup,#projects-anim #right_leaves{-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:come-from-right 1s ease-in-out .9s forwards;animation:come-from-right 1s ease-in-out .9s forwards}#projects-anim #left_leaves{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:come-from-left 1s ease-in-out .9s forwards;animation:come-from-left 1s ease-in-out .9s forwards;opacity:0}#projects-anim #mountain_wave,#projects-anim #mountains{-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:come-from-right 1s 1.1s forwards;animation:come-from-right 1s 1.1s forwards}#projects-anim #lines,#projects-anim #moon{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popUp 1s 1.1s forwards;animation:popUp 1s 1.1s forwards;opacity:0}#projects-anim #right_square_1{-webkit-animation:popUp 1s 1.3s forwards;animation:popUp 1s 1.3s forwards}#projects-anim #right_square_1,#projects-anim #right_square_2{-webkit-transform-origin:center;transform-origin:center;opacity:0}#projects-anim #right_square_2{-webkit-animation:popUp 1s 1.5s forwards;animation:popUp 1s 1.5s forwards}#projects-anim #right_square_3{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popUp 1s 1.7s forwards;animation:popUp 1s 1.7s forwards;opacity:0}#projects-anim #left_squares,#projects-anim #mouse{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popUp 1s 1.9s forwards;animation:popUp 1s 1.9s forwards;opacity:0}#projects-anim #monitor{-webkit-animation:popUp 1s 2.5s forwards;animation:popUp 1s 2.5s forwards}#projects-anim #left_cloud,#projects-anim #monitor{-webkit-transform-origin:center;transform-origin:center;opacity:0}#projects-anim #left_cloud{-webkit-animation:come-from-left 1s 2.8s forwards;animation:come-from-left 1s 2.8s forwards}#projects-anim #right_cloud{-webkit-animation:come-from-right 1s 3s forwards;animation:come-from-right 1s 3s forwards}#projects-anim #right_cloud,#projects-anim #sun{-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box;opacity:0}#projects-anim #sun{-webkit-animation:come-from-left 1s 3s forwards;animation:come-from-left 1s 3s forwards}@-webkit-keyframes come-from-left{0%{opacity:0;-webkit-transform:translateX(-100%) scale(0);transform:translateX(-100%) scale(0)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes come-from-left{0%{opacity:0;-webkit-transform:translateX(-100%) scale(0);transform:translateX(-100%) scale(0)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes come-from-right{0%{opacity:0;-webkit-transform:translateX(100%) scale(0);transform:translateX(100%) scale(0)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes come-from-right{0%{opacity:0;-webkit-transform:translateX(100%) scale(0);transform:translateX(100%) scale(0)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes popUp{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popUp{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#morph-container{grid-gap:0;gap:0}#morph-container,.skills-container{display:flex;align-items:center;justify-content:center}.skills-container{grid-gap:50px;gap:50px;flex-direction:column;padding:0 50px;margin-top:50px;margin-bottom:100px}.skills-container>*{width:600px}@media screen and (max-width:800px){.skills-container>*{width:100%}}.skills-container>:first-child{align-self:baseline;display:flex;align-items:center;justify-content:center;grid-gap:0;gap:0;flex-direction:column}.skills-container>:first-child h3{align-self:baseline;background:#d8f0ee;color:#1a524e;padding:5px 15px;border-radius:5px;width:-webkit-max-content;width:max-content}.skills-container>:first-child div{background:#d8f0ee;padding:5px 15px;border-radius:5px;width:100%}.skills-container>:first-child div h4{color:#1a524e}.skills-container>:nth-child(2){align-self:center;display:flex;align-items:center;justify-content:center;grid-gap:0;gap:0;flex-direction:column}.skills-container>:nth-child(2) h3{background:#1a524e;color:#d8f0ee;padding:5px 15px;border-radius:5px;width:-webkit-max-content;width:max-content}.skills-container>:nth-child(2) div{background:#1a524e;padding:5px 15px;border-radius:5px;width:100%}.skills-container>:nth-child(2) div h4{color:#d8f0ee}.skills-container>:nth-child(3){align-self:end;display:flex;align-items:center;justify-content:center;grid-gap:0;gap:0;flex-direction:column}.skills-container>:nth-child(3) h3{align-self:end;background:#d8f0ee;color:#1a524e;padding:5px 15px;border-radius:5px;width:-webkit-max-content;width:max-content}.skills-container>:nth-child(3) div{background:#d8f0ee;padding:5px 15px;border-radius:5px;width:100%}.skills-container>:nth-child(3) div h4{color:#1a524e}.skills-container h3,.skills-container h4{font-family:"Roboto Mono",monospace}#skills-cube{position:fixed;width:100%;height:100%;z-index:-100;top:0}#skills-svg *{-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}#skills-svg #bar1{-webkit-animation:bars 1.5s ease-in-out 1.2s forwards;animation:bars 1.5s ease-in-out 1.2s forwards}#skills-svg #bar1,#skills-svg #bar2{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:left;transform-origin:left}#skills-svg #bar2{-webkit-animation:bars 1.5s ease-in-out 1s forwards;animation:bars 1.5s ease-in-out 1s forwards}#skills-svg #bar3{-webkit-animation:bars 1.5s ease-in-out .8s forwards;animation:bars 1.5s ease-in-out .8s forwards}#skills-svg #bar3,#skills-svg #prog1{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:left;transform-origin:left}#skills-svg #prog1{-webkit-animation:bars 1.5s ease-in-out 1.8s forwards;animation:bars 1.5s ease-in-out 1.8s forwards}#skills-svg #prog2{-webkit-animation:bars 1.5s ease-in-out 1.6s forwards;animation:bars 1.5s ease-in-out 1.6s forwards}#skills-svg #prog2,#skills-svg #prog3{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:left;transform-origin:left}#skills-svg #prog3{-webkit-animation:bars 1.5s ease-in-out 1.4s forwards;animation:bars 1.5s ease-in-out 1.4s forwards}#skills-svg #arr1{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;-webkit-transform:rotateY(180deg) translateX(-100%);transform:rotateY(180deg) translateX(-100%);-webkit-animation:firstArr 1.5s ease-in-out 1.4s forwards;animation:firstArr 1.5s ease-in-out 1.4s forwards}#skills-svg #arr2{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;-webkit-transform:rotateY(180deg) translateX(100%);transform:rotateY(180deg) translateX(100%);-webkit-animation:secondArr 1.5s ease-in-out 1.4s forwards;animation:secondArr 1.5s ease-in-out 1.4s forwards}#skills-svg #arr3{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:thirdArr 1.5s ease-in-out 1.4s forwards;animation:thirdArr 1.5s ease-in-out 1.4s forwards}#skills-svg #human{-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-animation:human-comein 2.5s ease-in-out forwards;animation:human-comein 2.5s ease-in-out forwards}@-webkit-keyframes firstArr{0%{opacity:0;-webkit-transform:rotateY(180deg) translateX(-100%);transform:rotateY(180deg) translateX(-100%)}to{opacity:1;-webkit-transform:rotateY(0deg) translateX(0);transform:rotateY(0deg) translateX(0)}}@keyframes firstArr{0%{opacity:0;-webkit-transform:rotateY(180deg) translateX(-100%);transform:rotateY(180deg) translateX(-100%)}to{opacity:1;-webkit-transform:rotateY(0deg) translateX(0);transform:rotateY(0deg) translateX(0)}}@-webkit-keyframes secondArr{0%{opacity:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes secondArr{0%{opacity:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes thirdArr{0%{opacity:0;-webkit-transform:rotateY(180deg) translateX(100%);transform:rotateY(180deg) translateX(100%)}to{opacity:1;-webkit-transform:rotateY(0deg) translateX(0);transform:rotateY(0deg) translateX(0)}}@keyframes thirdArr{0%{opacity:0;-webkit-transform:rotateY(180deg) translateX(100%);transform:rotateY(180deg) translateX(100%)}to{opacity:1;-webkit-transform:rotateY(0deg) translateX(0);transform:rotateY(0deg) translateX(0)}}@-webkit-keyframes human-comein{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}45%{opacity:0}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}@keyframes human-comein{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}45%{opacity:0}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}@-webkit-keyframes bars{0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes bars{0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}#contact-page h3{text-align:center;margin-top:50px;font-family:"Roboto Mono",monospace}#contact-page h3 a{text-decoration:none;color:#1a524e;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#contact-page h3 a:hover{color:#056d65}#contact-page div{grid-gap:0;gap:0}#contact-page div,#contact-page div form{display:flex;align-items:center;justify-content:center}#contact-page div form{margin-top:50px;width:60%;background:#056d65;grid-gap:20px;gap:20px;flex-direction:column;align-items:baseline;border-radius:5px;padding:20px}#contact-page div form label{font-family:"Roboto Slab",serif;color:#d8f0ee}#contact-page div form input,#contact-page div form textarea{border-radius:5px;background:#d8f0ee;border:none;outline:none;font-family:"Roboto Mono",monospace;padding:5px 10px}#contact-page div form input{width:180px;text-align:center}#contact-page div form textarea{width:70%;max-width:100%;min-height:100px;max-height:350px}@media screen and (max-width:800px){#contact-page div form textarea{width:100%}}#contact-page div form button{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:5px 50px;background:transparent;border:1px solid #d8f0ee;outline:none;border-radius:100px;color:#d8f0ee;cursor:pointer;font-family:"Roboto Mono",monospace;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#contact-page div form button:hover{color:#1a524e;background:#31b2a8}#contact-page div form h2{text-align:center;width:100%;font-family:"Roboto Slab",serif}#popup-container{transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;position:fixed;width:250px;display:flex;align-items:center;justify-content:center;background:rgba(26,82,78,.7);border-radius:5px;padding:20px 0;z-index:100;right:25px;top:25px;text-align:center}#popup-container h5{margin:5px;font-family:"Roboto Slab",serif}#popup-container button{position:absolute;right:10px;top:10px;background:transparent;outline:none;border:none;color:#d8f0ee;cursor:pointer;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#popup-container button:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}#popup-container .answer_1{display:flex;align-items:center;justify-content:space-between;grid-gap:20px;gap:20px;width:90%;cursor:pointer}#popup-container .answer_1:first-of-type{margin-top:20px}#popup-container .answer_1 h5{margin:5px}#popup-container .answer_1 div{height:15px;width:15px;background:#d8f0ee;border-radius:100%;border:2.5px solid #31b2a8;justify-self:start;transition:.5s;-o-transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;position:relative;display:flex;align-items:center;justify-content:center}#popup-container .answer_1 .selected_answer:after{content:"";height:6px;width:6px;border-radius:100%;background:#31b2a8}#popup-container .rating{font-size:1.8rem;color:#d8f0ee;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;margin-top:30px}#popup-container .rating>*{cursor:pointer;transition:.25s;-o-transition:.25s;-webkit-transition:.25s;-moz-transition:.25s}#popup-container .rating>:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#ff0}
/*# sourceMappingURL=main.7c890d95.chunk.css.map */