*{margin:0}html,body{height:100%}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.container{flex-wrap:wrap;width:60%;margin:auto;display:flex}.projectWrapper{width:100%;min-height:calc(100vh - 100px)}.projectDockerBackground{background:url(/img/docker/docker.png) no-repeat}.projectJavaBackground{background:url(/img/java/java.png) no-repeat}.projectApiBackground{background:url(/img/API.png) no-repeat}.projectJenkinsBackground{background:url(/img/jenkins/Jenkins.png) no-repeat}.project{box-sizing:border-box;background-position:50%;border:1px solid #00994d;width:20%;height:195px;margin-top:15px;padding:1%}.try{flex-wrap:wrap;justify-content:space-between;display:flex}.projectName,.projectNameWithoutLink{color:#2c2c2c;text-align:center;padding-top:5%;font-family:Arial;font-size:18px;line-height:28px}.source{color:#00f;text-align:center;font-family:Arial;font-size:14px;line-height:28px}.projectName:hover{text-decoration:underline}
@media screen and (max-width:1520px){.project{box-sizing:border-box;background-position:50%;border:1px solid #00994d;width:48%;margin-top:15px}.footer{width:60%}}@media screen and (max-width:960px){.container{flex-wrap:wrap;width:90%;display:flex}.project{box-sizing:border-box;background-position:50%;border:1px solid #00994d;width:32.33%;margin-top:15px}.footer{width:90%}}@media screen and (max-width:699px){.container{flex-wrap:wrap;width:90%;display:flex}.project{width:49%}.footer{width:90%;margin-top:9px}}@media screen and (max-width:500px){.container{flex-wrap:wrap;width:90%;display:flex}.project{width:100%}.footer{margin-top:9px}}.menuBurger{display:none}@media screen and (max-width:450px){.menu{background:#2c2c2c;flex-direction:column;align-items:center;width:100%;height:100%;display:none;position:absolute}.menuBurger{padding-top:9px;padding-left:20px;display:block}.container{width:100%}.project{width:95%;margin-left:auto;margin-right:auto}.footer{width:100%;margin-top:9px}.menu.open{height:auto;top:50px;display:flex!important}}