*{font-family:Play,sans-serif;margin:0;padding:0}:root{--col1:#3b3b3b;--bg1:#e1f3fd;--bg2:#fff;--divPad:80px;--mb1:40px;--mb2:10px;--maxWidth:1080px;color:#3b3b3b;color:var(--col1);scroll-behavior:smooth}img{max-width:100%;vertical-align:middle}.fr{flex-direction:row}.fc,.fr{display:flex}.fc{flex-direction:column}.gap1{gap:40px;gap:var(--mb1)}.gap2{gap:10px;gap:var(--mb2)}.menu{visibility:hidden}.mobileMenu{visibility:visible}@media screen and (min-width:800px){.menu{visibility:visible}.mobileMenu{visibility:hidden}}.mobileMenuHidden{opacity:0;visibility:hidden}.mobileMenuShow{-webkit-animation:mobileMenuShowAnim .5s forwards;animation:mobileMenuShowAnim .5s forwards}@-webkit-keyframes mobileMenuShowAnim{0%{opacity:0;visibility:visible}1%{opacity:0}to{opacity:1}}@keyframes mobileMenuShowAnim{0%{opacity:0;visibility:visible}1%{opacity:0}to{opacity:1}}.mobileMenuHide{-webkit-animation:mobileMenuHideAnim .5s forwards;animation:mobileMenuHideAnim .5s forwards}@-webkit-keyframes mobileMenuHideAnim{0%{opacity:1;visibility:visible}90%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes mobileMenuHideAnim{0%{opacity:1;visibility:visible}90%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.navBtn{cursor:pointer;padding:0 5px;pointer-events:all}.navBtn:hover,.navBtnHovered{background:#122432;color:#fff}.navBtnHovered{cursor:pointer;padding:0 5px;pointer-events:all}.App,.container{align-items:center;display:flex;flex-direction:column}.container{padding:80px 0;padding:var(--divPad) 0;width:100%}.mb1{margin-bottom:30px}.mb2{margin-bottom:10px}.mainPic{border-radius:50px;width:100%}@media (min-width:800px){.mainPic{border-radius:50px;max-width:400px;padding-right:0;width:100%}}.header{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:100px;width:100%}.topic1{opacity:1}.text{font-size:30px;opacity:0}.textAnimation{-webkit-animation:textAnim .2s ease-in forwards;animation:textAnim .2s ease-in forwards}@-webkit-keyframes textAnim{0%{opacity:0}to{opacity:1}}@keyframes textAnim{0%{opacity:0}to{opacity:1}}.color1{background:#e1f3fd;background:var(--bg1)}.color2{background:#fff;background:var(--bg2)}a{color:#3b3b3b;text-decoration:none}h1{font-size:28px}h1,h2{pointer-events:none}h2{font-size:20px;line-height:28px}h3{font-size:16px}h3,p{pointer-events:none}p{font-family:Play,sans-serif}.pad1{padding:0 10px}.pad2{padding:0 20px}.pb1{padding-bottom:10px}.title{align-items:center;display:flex;flex-direction:row;gap:10px;padding-left:10px}.title2{color:transparent;text-shadow:0 0 0 #fff}.filter-box{display:flex;flex-direction:row;gap:10px;padding-left:10px;padding-right:10px}.pt1{padding-top:50px}.intro-right{display:flex;flex-direction:row;justify-content:left;padding-left:10px}@media (min-width:800px){.intro-right{justify-content:right;padding-top:0}}.container1{max-width:1080px;max-width:var(--maxWidth);width:100%}.row{display:flex;flex-direction:column;gap:40px;gap:var(--mb1);padding-right:0}@media (min-width:800px){.row{align-items:center;flex-direction:row;gap:40px;gap:var(--mb1)}.col-1-2{flex:0 0 50%}.col-1-3{flex:0 0 33.3333%}.col-reversed{order:-1}}.introCard{justify-content:space-between;padding-left:10px;padding-right:10px}.label{font-size:18px;line-height:24px}.labelIntro{font-size:18px;margin-bottom:4px}.footerLabel{font-size:17px;font-weight:600}@media (min-width:800px){.big-text{font-size:24px;line-height:26px}}.text-right{text-align:right}.button{border:2px solid transparent;border-radius:5px;display:inline-block;font-size:15px;font-weight:700;padding:15px 20px;position:relative;text-align:center;z-index:2}.button:hover{background:#fff;border:2px solid #3b3b3b;color:#3b3b3b}.button-dark{background:#24475f;color:#fff}.button2{background:#fff;border:2px solid #3b3b3b;border-radius:5px;color:#3b3b3b;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;padding:15px 20px;position:relative;text-align:center;z-index:2}.button2:hover{background:#24475f;border:2px solid transparent;color:#fff}.button-cta{background:#54b9ab;border-radius:22px;color:#fff;padding:12px 25px}.closedEyes,.openEyes{height:25px}.openEyes{-webkit-animation:open-animation1 1s ease-in-out forwards;animation:open-animation1 1s ease-in-out forwards}@-webkit-keyframes open-animation1{0%{height:25px}to{height:0}}@keyframes open-animation1{0%{height:25px}to{height:0}}.mrkani{-webkit-animation:mrkani-animation1 1s ease-in-out forwards;animation:mrkani-animation1 1s ease-in-out forwards}@-webkit-keyframes mrkani-animation1{0%{height:0}50%{height:20px}to{height:0}}@keyframes mrkani-animation1{0%{height:0}50%{height:20px}to{height:0}}.normal{-webkit-animation:normal-animation1 4s ease-in-out forwards;animation:normal-animation1 4s ease-in-out forwards}@-webkit-keyframes normal-animation1{0%{height:0}10%{height:15px}90%{height:15px}to{height:0}}@keyframes normal-animation1{0%{height:0}10%{height:15px}90%{height:15px}to{height:0}}.interest{-webkit-animation:interest-animation1 4s ease-in-out forwards;animation:interest-animation1 4s ease-in-out forwards}@-webkit-keyframes interest-animation1{0%{height:0}10%{height:10px}90%{height:10px}to{height:0}}@keyframes interest-animation1{0%{height:0}10%{height:10px}90%{height:10px}to{height:0}}.sadL{-webkit-animation:sadL-animation1 4s ease-in-out forwards;animation:sadL-animation1 4s ease-in-out forwards}@-webkit-keyframes sadL-animation1{0%{height:0;rotate:0deg}10%{height:15px;rotate:-20deg}90%{height:15px;rotate:-20deg}to{height:0;rotate:0deg}}@keyframes sadL-animation1{0%{height:0;rotate:0deg}10%{height:15px;rotate:-20deg}90%{height:15px;rotate:-20deg}to{height:0;rotate:0deg}}.sadR{-webkit-animation:sadR-animation1 4s ease-in-out forwards;animation:sadR-animation1 4s ease-in-out forwards}@-webkit-keyframes sadR-animation1{0%{height:0;rotate:0deg}10%{height:15px;rotate:20deg}90%{height:15px;rotate:20deg}to{height:0;rotate:0deg}}@keyframes sadR-animation1{0%{height:0;rotate:0deg}10%{height:15px;rotate:20deg}90%{height:15px;rotate:20deg}to{height:0;rotate:0deg}}.projectCard{border:5px solid #e1f3fd;border:5px solid var(--bg1);border-radius:5px;box-shadow:0 5px 27px -5px hsla(203,6%,49%,.5),0 8px 16px -8px hsla(203,6%,49%,.3);margin-bottom:40px;margin-bottom:var(--mb1);margin-left:10px;margin-right:10px;padding-top:10px;transition:.5s}@media (min-width:var(--maxWidth )){.projectCard{margin-left:0;margin-right:0}}.projectCardContent{gap:20px}.infoCard,.projectCardContent{display:flex;flex-direction:column}.infoCard{gap:40px;gap:var(--mb1);justify-content:space-between}.cardImg{aspect-ratio:auto 800/800;transition:.1s linear;width:100%}.cardImg:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}@media (min-width:800px){.projectCardContent{flex-direction:row}.infoCard{gap:20px}.cardImg{height:250px;width:250px}}.projectCardLink{color:transparent;font-size:30px;text-shadow:0 0 0 #122432}.fotoTransition{-webkit-animation:introAnim 1s linear forwards;animation:introAnim 1s linear forwards;width:20%}@-webkit-keyframes introAnim{0%{width:20%}to{width:0}}@keyframes introAnim{0%{width:20%}to{width:0}}.infoCardLinks{background:#e1f3fd;background:var(--bg1);border-top:5px solid #e1f3fd;border-top:5px solid var(--bg1);flex-direction:row;justify-content:space-between;padding:10px}.gitIcon,.infoCardLinks{align-items:center;display:flex}.gitIcon{flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectImg{border-radius:5px;width:100%}.techList{display:inline-flex;padding-right:10px;padding-top:5px}.techLink{text-wrap:nowrap}.techLink:hover{text-decoration:underline}.contactBtn{cursor:pointer;font-size:20px;font-weight:700;margin:3px 0;padding:0 5px;pointer-events:all;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contactBtn:hover{text-decoration:underline}.contactTable{display:flex;flex-direction:column;gap:5px;padding-left:5px;width:100%}@media (min-width:700px){.contactTable{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;margin-top:0;padding:0 5px}}li:before{font-size:5px}.animePad{-webkit-animation:animePadAnim 1s forwards;animation:animePadAnim 1s forwards}@-webkit-keyframes animePadAnim{0%{opacity:0}to{opacity:1}}@keyframes animePadAnim{0%{opacity:0}to{opacity:1}}.pointer{cursor:pointer}.fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.custom-form-control .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b3b3b;border-color:var(--col1)}.custom-form-control .MuiInputLabel-root.Mui-focused{color:#3b3b3b;color:var(--col1)}
/*# sourceMappingURL=main.22cc08c6.css.map*/