.side-menu{height:100%;width:0;position:fixed;top:0;left:0;background-color:#f4f4f4;overflow-x:hidden;transition:.5s;padding-top:60px;z-index:99}.side-menu.active{width:250px}.side-menu a{padding:10px 20px;text-decoration:none;font-size:20px;color:#3c4a64;display:block;transition:.3s;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.side-menu a:hover{background-color:#ddd}.hamburger{display:none;cursor:pointer;padding:15px;position:sticky;z-index:100;float:left;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hamburger.active{position:fixed}.bar{display:block;width:30px;height:3px;background-color:var(--primary);margin:5px 0;transition:.4s}.hamburger.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-8px)}.section-title{text-align:center}.project-list{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;gap:15px}.project-list_item{height:auto;max-width:450px;width:100%;margin:5px}.project-fig{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;border:#acacac solid 3px;overflow-y:hidden}.project-title{position:absolute;z-index:10;top:0;left:0;margin:0;padding:3px;transition:.4s;background-color:#acacac}.project-desc{display:block;position:absolute;top:30px;text-align:center;z-index:10;opacity:0;overflow-y:scroll;max-height:160px;padding:0 20px}.project-image{height:auto;width:100%;transition:.4s}.project-fig:hover .project-image{opacity:.3}.project-fig:hover .project-desc{opacity:1}.project-link{text-decoration:none;color:var(--primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.contact-box{border:#acacac solid 3px;max-width:25vw;min-width:250px;margin:auto;padding:40px;display:flex;align-items:center;justify-content:space-evenly}.contact-text{text-align:center;padding:5px}.contact-form{display:flex;flex-direction:column;align-items:center;gap:20px}.contact-input{height:auto;width:90%;padding:20px;border-radius:25px;border:var(--primary) solid 2px}.contact-input:focus{outline:#3f66ad solid 1px}.submit-form-button{padding:20px;border:#3c4a64 solid 2px;border-radius:50px;width:100px;background-color:#3c4a64;color:#fff}.submit-form-button:hover{background-color:#1f283a;cursor:pointer}.alert{text-align:center;position:fixed;z-index:101;top:-100px;transition:.4s;width:250px;height:50px;left:50%;margin-left:-125px;border:#00000000 solid 1px;border-radius:15px}.alert.success,.alert.erorr{top:7px}.alert.success{background-color:#23cc23}.alert.erorr{background-color:#dd3737}.alert-text{font-size:17px;color:#fff;font-weight:550}.about-box{max-width:40vw;min-width:250px;text-align:center;margin:auto}.about-body-text{text-align:center}.media-links{display:flex;justify-content:flex-start;gap:7px}.icon{font-size:30px;margin:3px;opacity:.5;transition:.5s;color:#3c4a64}.icon:hover{opacity:1;cursor:pointer}@media screen and (max-width: 1024px){.hamburger{display:inline}}@media screen and (max-width: 456px){.main_title{text-align:right}}:root{--primary: #101111;--primary_hover: #3f66ad}*{font-family:Roboto,Helvetica Neue,Helvetica,Arial}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#3c4a64;border-radius:10px;width:7px}::-webkit-scrollbar-thumb:hover{background:#1f283a}body{margin:0;padding:0}header{color:var(--primary);padding:20px;text-align:center}p{white-space:pre-line}h1{margin:0;display:block;font-size:2.5rem}button{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit}nav{padding:15px 0;text-align:center;display:block;height:auto}nav a{text-decoration:none;color:#3c4a64;padding:10px 20px;font-weight:700}nav a:hover{color:var(--primary_hover)}section{padding:20px;color:var(--primary)}footer{background-color:#3c4a64;color:#fff;text-align:center;padding:20px;bottom:0;max-width:100%}@media screen and (max-width: 1024px){nav{display:none}}