.projects-inner{display:block;margin:1rem auto;padding:5px;max-width:66rem;border-radius:12px}.projects-inner .head{display:block;text-align:center;max-width:fit-content;margin:0 auto}.projects-inner .head .title.domain:hover{text-decoration:underline;text-underline-offset:4px}.projects-inner .body{display:block;max-width:fit-content;margin:0 auto}.projects-inner .body .image{display:block;position:relative;margin:0 auto;max-width:46rem;box-shadow:1px 1px 10px hsla(0,0%,100%,.253);border-radius:12px}@media(max-width:580px){.projects-inner .body .image{display:flex;flex-direction:column}.projects-inner .body .image .description{display:block;position:unset;padding:1rem;max-width:unset;width:100%}}@media(max-width:580px)and (max-width:300px){.projects-inner .body .image .description{padding:5px}}@media(max-width:580px){.projects-inner .body .image .description ul{padding:1rem 0}.projects-inner .body .image .description .dev{justify-content:center;max-width:unset}.projects-inner .body .image .description span{background-color:var(---background-div-color);color:#000;font-size:16px;padding:.5rem}.projects-inner .body .image .description .hosted{display:block}}.projects-inner .body .image img{display:block;margin:0 auto;height:300px;border-radius:12px}.projects-inner .body .image img img:hover{-webkit-box-shadow:0 0 17px 10px rgba(0,0,0,.75);-moz-box-shadow:0 0 17px 10px rgba(0,0,0,.75);box-shadow:0 0 17px 10px rgba(0,0,0,.75)}@media(max-width:580px){.projects-inner .body .image img{display:block;width:100%;height:100%}}.projects-inner .body .image:hover{-webkit-box-shadow:0 0 10px 4px rgba(0,0,0,.75);-moz-box-shadow:0 0 10px 4px rgba(0,0,0,.75);box-shadow:0 0 10px 4px rgba(0,0,0,.75);border-radius:12px}.projects-inner .body .description{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:5px;text-align:center;max-width:220px;height:100%;position:absolute;top:0}.projects-inner .body .description .dev{max-width:fit-content;justify-content:center;display:flex;gap:.5rem;max-width:220px;flex-wrap:wrap}.projects-inner .body .description span{background-color:#000;border-radius:12px;padding:.5rem;font-size:14px;color:var(---text-color)}.projects-inner .body .description .hosted{max-width:160px;margin:0 auto}.projects-inner .body .description .link a{display:block;text-align:center;margin:5px 0}.projects-inner .body .description .link a span{padding:5px}.projects-inner .footer{display:block;margin:10px 0}.projects-inner .footer .description{display:block;padding:1rem}@media(max-width:300px){.projects-inner .footer .description{padding:5px}}.projects-inner .footer .description ul{display:block;padding:1rem 0;border-top:1px solid #aaa;text-align:center}.projects-inner .footer .description ul li{display:block;margin:.5rem 0;padding:.5rem 0}.projects-inner .footer .description ul li .col{display:block;margin:0 auto;text-align:center}.projects-inner .footer .description ul li .col .equal{display:block;position:relative;transform:rotate(90deg)}@media(min-width:680px){.projects-inner .footer .description ul li .col .equal{transform:unset}.projects-inner .footer .description ul li .col{display:flex;align-items:center}}.projects-inner .footer .description ul li .col .prop{display:block;width:50%;padding:0 10px;margin:0 auto;font-weight:600}@media(max-width:400px){.projects-inner .footer .description ul li .col .prop{padding:0;width:100%}}@media(min-width:680px){.projects-inner .footer .description ul li .col .prop{display:flex;align-items:center;margin:unset;font-weight:500}}.projects-inner .footer .description ul li .col .prop div{display:block;max-width:fit-content;padding:.5rem;background:var(---background-div-color);border-radius:12px;color:var(---text-div-color);text-align:center;margin:0 auto}@media(max-width:400px){.projects-inner .footer .description ul li .col .prop .languageTitle{word-break:break-all;width:100%;max-width:unset}}.projects-inner .footer .description ul li .col .content{display:flex;padding:0 .5rem;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:70%;margin:0 auto}@media(max-width:400px){.projects-inner .footer .description ul li .col .content{padding:0;max-width:100%}}@media(max-width:300px){.projects-inner .footer .description ul li .col .content{padding:5px}}.projects-inner .footer .description ul li .col .content div{padding:.5rem;background:var(---background-div-color);color:var(---text-div-color);border-radius:12px;text-align:center}.projects-inner .footer .description ul li .col .content div.underline:hover{color:#aaa}html.light .projects-inner{box-shadow:1px 1px 10px #8f8f8f}html.light .projects-inner:hover{box-shadow:1px 1px 10px #2e2e2e}html.dark .projects-inner{box-shadow:1px 1px 10px #8f8f8f}html.dark .projects-inner:hover{box-shadow:1px 1px 10px #fff}