@font-face{font-family:font-title;src:url(/static/media/AllertaStencil.8cc527f1047bc770e4a5.ttf)}@font-face{font-family:font-text;src:url(/static/media/Exo2-SemiBold.db9f3bb7774abc4fe4b0.ttf)}@font-face{font-family:font-light;src:url(/static/media/Exo2-Light.ab046b24953ceb68bdc9.ttf)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#77b5b6 #deefef;scrollbar-width:thin}body{font-family:font-text,"sans-serif";overflow-x:hidden}@media only screen and (min-width:1440px){body body{margin:0 auto;max-width:1440px}}#root{display:flex;flex-direction:column;-webkit-hyphens:auto;hyphens:auto;justify-content:space-between;min-height:100dvh}footer,header{background:#deefef}main{background:#a8d0cf}.container{margin:0 auto;max-width:1440px}.common-container{background:url(/static/media/bg.bd0b6eefef0d66da42ac.webp) 50%/cover;background-repeat:repeat-x}li{list-style-type:none}p{-webkit-hyphens:none;hyphens:none}header{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;height:50px;justify-content:space-between}.header-container .logo-link{display:inline-block;margin-left:30px}@media screen and (max-width:540px){.header-container .logo-link{margin-left:0}}@media screen and (max-width:400px){.header-container .logo-link{margin-left:10px}}.header-container .logo-link img{align-items:center;display:flex;height:auto;justify-content:center;width:46px}@media screen and (max-width:700px){.header-container .logo-link img{width:35px}}.header-container nav{margin-right:30px}@media screen and (max-width:540px){.header-container nav{margin-right:10px}}.header-container nav ul{display:flex;font-size:1.4rem;gap:20px;width:100%}.header-container nav ul li{color:#8699ae;cursor:pointer;transition:.2s}@media screen and (max-width:700px){.header-container nav ul li{font-size:1.2rem}}@media screen and (max-width:540px){.header-container nav ul li{font-size:1rem}}.header-container nav ul li a{color:#8699ae;padding:10px;text-decoration:none}@media screen and (max-width:700px){.header-container nav ul li a{padding:0 0 10px}}.header-container nav ul li a:hover{color:#bfa7aa}.header-container nav ul .active{position:relative}.header-container nav ul .active:after{animation:anim .6s ease forwards;background:#77b5b6;border-radius:10px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes anim{to{width:100%}}.header-container .menu-icon{background:#efe8db;cursor:pointer;display:none;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media screen and (max-width:400px){.header-container .menu-icon{background:#deefef;cursor:pointer;display:block;padding:10px}.header-container .menu-icon .line{background-color:#8699ae;height:3px;margin:5px 0 0 60px;transition:all .3s ease;width:25px}.header-container .menu-icon .line.open:first-child{transform:translateY(8px) rotate(45deg)}.header-container .menu-icon .line.open:nth-child(2){opacity:0}.header-container .menu-icon .line.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header-container nav ul{display:none}.header-container nav.show ul{background:#deefef;display:block;padding-right:35px;text-align:end;width:140px}.header-container nav.show{background:#deefef;display:block;margin-right:-25px;margin-top:155px}.header-container nav.show li{margin-bottom:20px}}.home-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:40% 60%;min-height:calc(100vh - 150px)}@media screen and (max-width:900px){.home-container{grid-template-columns:none;justify-content:center}}.home-container .main-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-container .main-left .logo-title .logo-orphynou{margin-left:20%;width:80%}@media screen and (max-width:900px){.home-container .main-left .logo-title .logo-orphynou{margin-left:0}}@media screen and (max-width:450px){.home-container .main-left .logo-title .logo-orphynou{width:60%}}@media screen and (max-width:900px){.home-container .main-left .logo-title{text-align:center}}.home-container .main-left .text-left{text-wrap:nowrap;display:flex;flex-direction:column;font-family:font-title,sans-serif;font-size:2.5rem;line-height:1.5}@media screen and (max-width:1280px){.home-container .main-left .text-left{font-size:2rem}}@media screen and (max-width:900px){.home-container .main-left .text-left{align-items:center}}@media screen and (max-width:450px){.home-container .main-left .text-left{font-size:1.5rem}}@media screen and (max-width:900px){.home-container .main-left .text-left .linex{margin-left:0}}.home-container .main-left .text-left .line1{font-size:3.5rem;line-height:2;margin-left:20%}@media screen and (max-width:1280px){.home-container .main-left .text-left .line1{font-size:3rem}}@media screen and (max-width:900px){.home-container .main-left .text-left .line1{margin-left:0}}@media screen and (max-width:450px){.home-container .main-left .text-left .line1{font-size:2rem}}.home-container .main-left .text-left .line2,.home-container .main-left .text-left .line4{margin-left:20%}@media screen and (max-width:900px){.home-container .main-left .text-left .line2,.home-container .main-left .text-left .line4{margin-left:0}}.home-container .main-left .text-left .line3,.home-container .main-left .text-left .line5{margin-left:50%}@media screen and (max-width:900px){.home-container .main-left .text-left .line3,.home-container .main-left .text-left .line5{margin-left:0}}.home-container .main-left .text-left .green-txt{color:#77b5b6}.home-container .main-left .text-left .blue-txt{color:#8699ae}.home-container .main-right{align-items:center;display:flex}@media screen and (max-width:900px){.home-container .main-right{justify-content:flex-start}}.home-container .main-right picture{display:flex}.home-container .main-right picture img{height:auto;width:90%}@media screen and (max-width:900px){.home-container .main-right picture{justify-content:center}}.about-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 150px);padding-top:30px}.about-container .menu-title{margin-bottom:50px;width:25%}@media screen and (max-width:1200px){.about-container .menu-title{margin-bottom:0;width:35%}}@media screen and (max-width:900px){.about-container .menu-title{margin-bottom:0;width:45%}}@media screen and (max-width:430px){.about-container .menu-title{margin-bottom:0;width:60%}}.about-container .menu-title img{display:block;height:auto;width:100%}.about-container .about-content{display:grid;grid-template-columns:50% 50%;width:90%}@media screen and (max-width:900px){.about-container .about-content{grid-template-columns:none;justify-content:center}}.about-container .about-content .about-left{width:100%}.about-container .about-content .about-left,.about-container .about-content .about-left picture{align-items:center;display:flex;justify-content:center}.about-container .about-content .about-left img{width:100%}@media screen and (max-width:900px){.about-container .about-content .about-left img{margin-bottom:20px;width:70%}}@media screen and (max-width:500px){.about-container .about-content .about-left img{margin-bottom:20px;width:90%}}.about-container .about-content .about-right{display:flex;flex-direction:column;justify-content:center;margin-top:35px;width:95%}@media screen and (max-width:900px){.about-container .about-content .about-right{margin:0 auto}}.about-container .about-content .about-right p{color:#45678c;font-size:1.3rem;margin-bottom:20px;text-align:justify}@media screen and (max-width:900px){.about-container .about-content .about-right p{font-size:1.1rem}}@media screen and (max-width:600px){.about-container .about-content .about-right p{font-size:1rem}}.about-container .langage-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:90%}.about-container .langage-container h3{align-items:center;display:flex;justify-content:center;margin:30px auto}.about-container .langage-container h3 img{height:50px}@media screen and (max-width:900px){.about-container .langage-container h3 img{height:55px}}@media screen and (max-width:600px){.about-container .langage-container h3 img{height:50px}}@media screen and (max-width:430px){.about-container .langage-container h3 img{height:45px}}.about-container .langage-container .langage-icons{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.about-container .langage-container .langage-icons img{width:15%}@media screen and (max-width:900px){.about-container .langage-container .langage-icons img{width:18%}}.works-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 150px);padding-top:30px}.works-container .menu-title{margin-bottom:50px;width:25%}@media screen and (max-width:1200px){.works-container .menu-title{margin-bottom:0;width:35%}}@media screen and (max-width:900px){.works-container .menu-title{margin-bottom:0;width:45%}}@media screen and (max-width:430px){.works-container .menu-title{margin-bottom:0;width:60%}}.works-container .menu-title img{display:block;height:auto;width:100%}.hexa-container{filter:drop-shadow(10px 10px 3px #8699AE);margin-top:50px;padding-right:7vw}@media only screen and (max-width:1440px){.hexa-container{padding-right:13vw}}@media only screen and (max-width:600px){.hexa-container{padding-right:30vw}}.hexa-container section{grid-gap:2vw;display:grid;grid-template-columns:repeat(6,1fr);margin:calc(min(100vw,1440px)/6*.5 - 1vw) auto 100px;width:calc(min(100vw,1440px)/6*5 - 10vw)}@media only screen and (max-width:1440px){.hexa-container section{grid-template-columns:repeat(4,1fr);width:54vw}}@media only screen and (max-width:600px){.hexa-container section{grid-template-columns:repeat(2,1fr);width:28vw}}.modal-open{overflow:hidden}.contact-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 150px);padding-top:30px}.contact-container .menu-title{margin-bottom:50px;width:25%}@media screen and (max-width:1200px){.contact-container .menu-title{margin-bottom:0;width:35%}}@media screen and (max-width:900px){.contact-container .menu-title{margin-bottom:0;width:45%}}@media screen and (max-width:430px){.contact-container .menu-title{margin-bottom:0;width:60%}}.contact-container .menu-title img{display:block;height:auto;width:100%}.contact-container .contact-content{align-items:center;display:grid;grid-template-columns:50% 50%;padding:0 5%;width:100%}@media screen and (max-width:900px){.contact-container .contact-content{grid-template-columns:none;justify-content:center}.contact-container .contact-content .contact-left{display:flex;flex-direction:column-reverse}}.contact-container .contact-content p{color:#45678c;margin:0 auto 20px;text-align:justify;width:80%}.contact-container .contact-content img{display:block;margin:auto;width:80%}@media screen and (max-width:900px){.contact-container .contact-content img{margin-bottom:20px;width:60%}}.contact-container .contact-content form{grid-gap:5px;display:grid;gap:5px;grid-template-areas:"ln fn" "mail mail" "subject subject" "message message" "submit submit"}@media screen and (max-width:900px){.contact-container .contact-content form{margin:0 auto;width:90%}}.contact-container .contact-content form .lastname-container{grid-area:ln}.contact-container .contact-content form .firstname-container{grid-area:fn}.contact-container .contact-content form .email-container{grid-area:mail}.contact-container .contact-content form .subject-container{grid-area:subject}.contact-container .contact-content form .message-container{grid-area:message}.contact-container .contact-content form .message-container #text-area{height:150px;resize:none}.contact-container .contact-content form input[type=submit]{background:#8699ae;color:#fff;cursor:pointer;font-size:1.3rem;grid-area:submit;margin:20px auto;transition:.3s;width:60%}@media screen and (max-width:600px){.contact-container .contact-content form input[type=submit]{font-size:1rem}}@media screen and (max-width:430px){.contact-container .contact-content form input[type=submit]{width:100%}}.contact-container .contact-content form #btn-submit:hover{transform:scale(1.1)}.contact-container .contact-content form #btn-submit:active{background:#77b5b6}.contact-container .contact-content form label{color:#45678c;display:block;margin-bottom:5px;margin-left:5px;padding-bottom:5px}.contact-container .contact-content form input,.contact-container .contact-content form textarea{border:2px solid #8699ae;border-radius:10px;font-family:font-text,"sans-serif";padding:10px;width:95%}@media screen and (max-width:900px){.contact-container .contact-content form input,.contact-container .contact-content form textarea{width:100%}}.contact-container .contact-content form input[type=text]:focus,.contact-container .contact-content form textarea:focus{background:#0000;border:2px solid #77b5b6;font-family:font-text,"sans-serif";outline:none}.contact-container .contact-content form #firstname,.contact-container .contact-content form #lastname{width:90%}@media screen and (max-width:900px){.contact-container .contact-content form #firstname,.contact-container .contact-content form #lastname{width:100%}}.contact-container .contact-content form .error-message{color:red;display:block;font-size:.8rem;margin-left:5px;margin-top:5px;transition:opacity .3s;visibility:hidden}.contact-container .contact-content form .error-message.show{opacity:1;visibility:visible}.contact-container .contact-content form .form-common{margin-top:10px}.footer-container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:space-evenly}.footer-container .footer-logo-container{align-items:center;display:flex;height:50px;justify-content:space-around;max-width:300px;width:100%}.footer-container .footer-logo-container .linkedin-icon{background:url(/static/media/logo-linkedin.6d14edb58562786a813c.webp) 50%/cover;background-position:50%;background-size:cover;display:inline-block;height:50px;width:56px}.footer-container .footer-logo-container .linkedin-icon:hover{background-image:url(/static/media/logo-linkedin-2.3e8e6e10e02257c013ad.webp)}.footer-container .footer-logo-container .git-icon{background:url(/static/media/logo-git.85a94548d58996648901.webp) 50%/cover;background-position:50%;background-size:cover;display:inline-block;height:50px;width:56px}.footer-container .footer-logo-container .git-icon:hover{background-image:url(/static/media/logo-git-2.97cfb444dc17b26e8d3f.webp)}.footer-container .footer-logo-container .discord-icon{background:url(/static/media/logo-discord.6ba158254d56698883bc.webp) 50%/cover;background-position:50%;background-size:cover;display:inline-block;height:50px;width:56px}.footer-container .footer-logo-container .discord-icon:hover{background-image:url(/static/media/logo-discord-2.3f68e8d500dad3715998.webp)}.footer-container .footer-logo-container .mail-icon{background:url(/static/media/logo-mail.408e65186ad491842680.webp) 50%/cover;background-position:50%;background-size:cover;display:inline-block;height:50px;width:56px}.footer-container .footer-logo-container .mail-icon:hover{background-image:url(/static/media/logo-mail-2.0cc1ced08a1e0ef9c558.webp)}.footer-container .footer-logo-container .media-icon{transition:.3s}.footer-container p{color:#8699ae;font-size:.8rem}article{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:#fff;height:calc(min(100vw,1440px)/6/1.11111 - 1.8vw);margin-right:calc(min(100vw,1440px)/6/2 - 1vw);overflow:hidden;position:relative;width:calc(min(100vw,1440px)/6 - 2vw)}@media screen and (max-width:1440px){article{height:16.200000162vw;width:18vw}}@media screen and (max-width:600px){article{height:25.200000252vw;width:28vw}}article:nth-child(2n){margin:calc(min(100vw,1440px)/6*-.5 - -1vw) calc(min(100vw,1440px)/6*-.25 - -.5vw) 0 calc(min(100vw,1440px)/6*-.75 - -1.5vw)}.image-container{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);cursor:pointer;height:100%;position:relative;transition:.3s;width:100%}.image-container:hover{transform:scale(1.1)}.image-container img,.img-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-container img,.img-overlay{height:100%;width:100%}.img-overlay{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:20px;transition:opacity .3s}article:hover .img-overlay{opacity:1}.modal-overlay{align-items:center;animation:fadeOut .5s ease-in-out forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay .modal-content{background-color:#deefef;box-shadow:0 0 10px #0003;height:80vh;max-width:1280px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-overlay .modal-content .close-button{background:none;border:none;color:#8699ae;cursor:pointer;font-size:20px;position:absolute;right:2px;top:2px}.modal-overlay.open{animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{display:flex;flex-direction:column}.modal-container .modal-title{margin:0 auto 20px;width:60%}@media screen and (max-width:900px){.modal-container .modal-title{width:80%}}@media screen and (max-width:600px){.modal-container .modal-title{width:90%}}.modal-container .modal-title img{width:100%}.modal-container .modal-main{display:flex}@media screen and (max-width:900px){.modal-container .modal-main{align-items:center;flex-direction:column}}.modal-container .modal-main .modal-main-left{align-items:center;display:flex;justify-content:center;width:50%}@media screen and (max-width:900px){.modal-container .modal-main .modal-main-left{width:100%}}.modal-container .modal-main .modal-main-left img{width:80%}@media screen and (max-width:900px){.modal-container .modal-main .modal-main-left img{width:70%}}.modal-container .modal-main .modal-main-right{display:flex;flex-direction:column;text-align:justify;width:50%}@media screen and (max-width:900px){.modal-container .modal-main .modal-main-right{width:100%}}.modal-container .modal-main .modal-main-right .modal-tag{margin-top:20px}.modal-container .modal-main .modal-main-right .modal-desc{margin-top:20px;padding-right:10px}.modal-container .modal-main .modal-main-right .modal-desc .intro-work{padding:30px}.modal-container .modal-main .modal-main-right .modal-desc h3{margin:20px 0 5px}.modal-container .modal-main .modal-main-right .modal-desc .font-light{font-family:font-light,"sans-serif"}.modal-container .modal-main .modal-main-right .modal-desc ul{margin-left:30px}.modal-container .modal-main .modal-main-right .modal-desc ul li{list-style-type:disclosure-closed}.modal-container .screen-title{margin:20px auto 0;width:30%}@media screen and (max-width:900px){.modal-container .screen-title{width:40%}}@media screen and (max-width:600px){.modal-container .screen-title{width:50%}}.modal-container .screen-title img{width:100%}.modal-container .modal-screen{display:flex;margin-left:-15px;width:auto}.modal-container .modal-screen .modal-screen-grid{padding-left:15px}.modal-container .modal-screen .modal-screen-grid img{border-radius:20px;object-fit:cover;padding-bottom:10px;width:100%}.modal-tag{margin:0 auto}.modal-tag .tag-ul{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}@media screen and (max-width:768px){.modal-tag .tag-ul{overflow:auto}}.modal-tag .tag-ul .tag-li{align-items:center;background:#f3f9f9;border:2px solid #8699ae;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:5px 30px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100px}@media screen and (max-width:430px){.modal-tag .tag-ul .tag-li{font-size:.675rem}}
/*# sourceMappingURL=main.5b916f00.css.map*/