@font-face{font-family:yanone;src:url("./media/yanone-C2TQI3OJ.ttf")}@font-face{font-family:finger;src:url("./media/finger-IWWJYKQG.ttf")}@font-face{font-family:antagon;src:url("./media/Antagon-SEYTDSMS.otf")}*{margin:0;padding:0}body{font-family:yanone,Arial,Helvetica;font-size:1.2vw;background:url("./media/pattern-GCTYWEUF.png");background-attachment:fixed}@media (500px<width<=700px){body{font-size:2.5vw}}@media (width<=500px){body{font-size:3.7vw}}.clearfix{float:none;clear:both}header{display:block;width:100%;height:90px;font-size:clamp(12px,1.8vw,24px);background:#3567a4cc;position:fixed;text-transform:uppercase}header ul{display:flex;justify-content:center;width:70%;height:inherit;margin:0 auto}header ul li{display:inline-block;margin:0 auto;text-align:center;line-height:88px}header a{display:block;padding-right:2.6vw;padding-left:2.6vw;height:inherit;text-decoration:none;color:#fff;transition:all .3s}header a:hover,.actived{background:#00000080}#logo{font-family:antagon;font-size:3vw}#logo{transition:color .5s,transform .5s}#logo:hover{background:transparent;color:#000;transform:scale(1.5)}@media (550px < width <= 700px){header a{padding-right:2vw;padding-left:2vw}#logo{font-size:3.2vw}}@media (width<=550px){header a{padding-right:.5vw;padding-left:.5vw}#logo{font-size:3.7vw}}#content{min-height:600px;height:auto;width:75%;margin:0 auto;box-shadow:0 0 40px #000;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;background:#ffffffb3;padding-top:120px;overflow:scroll}.container{padding:10px;height:auto}@media (width < 550px){.container .image{width:100%}#content{width:85%}}.container h1{box-shadow:4px 4px 10px #00000080;margin:0 auto;text-align:center;margin-bottom:3vh}.container h2{display:block;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:15px}form{width:80%}form label{display:block;width:100%;margin-top:10px;margin-bottom:5px}form input[type=text],form input[type=number],form input[type=email],form textarea{width:40%;padding:5px}form button,form input[type=submit],.button-edit,.button-delete{display:block;font-size:2vw;padding:.5vw 2vw;margin-top:15px;color:#fff;background:#3567a4;border:1px solid rgba(13,67,133,1);cursor:pointer;box-shadow:4px 4px 10px #00000080}.button-edit,.button-delete{width:auto;height:auto;float:left;margin-right:10px;text-decoration:none;margin-bottom:10vh}.button-edit{background:orange;border:none}.button-delete{background:red;border:none}form button:hover,form input[type=submit]:hover{background:#3567a4cc;border:1px solid rgba(13,67,133,1)}form input[disabled]{opacity:.4;cursor:not-allowed}.form_error{font-size:13px;padding:3px;background:red;color:#fff;margin-left:5px}.message{width:50%;padding:5px;border:1px solid #eee}.success{background:green;color:#fff}.message a{color:#fff}.failed{background:red;color:#fff}footer{width:75%;margin:0 auto;padding-top:15px;color:#00000080}.project{list-style:none;display:block;float:left;width:28%;text-align:center;margin-left:1.6vw;margin-right:1.6vw;margin-bottom:2vh}.project .image{width:100%;float:left;max-height:min-content;max-height:22vh;overflow:hidden}.project img{width:100%;object-fit:cover;max-height:18vh}@media (795px < width < 950px){.project{margin-left:1.6vw;margin-right:1.6vw}.project .image{max-height:12vh}}@media (550px < width < 794px){.project{width:45%}.project .image{max-height:11vh;width:40}.project img{width:100%;object-fit:cover}div img{max-height:10vh}}@media (width <= 550px){.project{width:95%}.project .image{max-height:none}.project img{width:80%;object-fit:cover;max-height:100%}}.project a{text-decoration:none;color:#000}.confirm{display:block;font-weight:700;margin-top:10px}
