:root{--primary-black:#161616;--primary-white:#e9e7ea;--primary-blue:#4dbce9;--primary-green:#d1e751}.projectCardContainer{background-color:#333;border:1px solid #222;border-radius:.5rem;box-shadow:0 0 13px -5px #555;display:flex;flex-direction:column;height:20rem;margin:1.5rem;position:relative;text-align:center;width:15rem}.projectCardContainer .fotoContainer{display:grid;margin:1rem auto;place-items:center;width:15rem}.projectCardContainer .fotoContainer img{width:80%}.projectCardContainer button{bottom:10%;left:50%;position:absolute;transform:translateX(-50%);width:10rem}.projectNaam{font-size:large;font-weight:700;margin:1rem auto}.projectDescription{margin:0 auto;width:90%}#Anderen{flex-flow:row wrap;justify-content:center}@media screen and (max-width:768px){#Anderen{align-items:center;flex-flow:column nowrap;justify-content:flex-start}}.tabs{display:flex;flex-flow:row nowrap}.tablink{background-color:#555;border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;flex:1 1 auto;font-size:large;font-weight:700;outline:none;padding:.8rem}.tablink:focus,.tablink:hover{background-color:#777;box-shadow:0 0 6px 0 hsla(0,0%,55%,.45)}.tablink:focus{color:#000;outline:2px solid #fff}.tabs_gsm{background-color:#555;color:#fff;display:none;font-size:large;font-weight:700}.tabs_gsm label{position:relative;width:2.912rem}.openedTab{background-color:#333;flex-grow:1;padding:.8rem 0;text-align:center}#gsm_tabs_click{display:none}.gsmTabsIcon_container{height:2rem;margin:.5rem auto;width:2rem}@media screen and (max-width:1111px){.tablink{font-size:85%}}@media screen and (max-width:768px){.tabs_gsm{display:flex;flex-flow:row nowrap}.tabs{flex-flow:column nowrap;position:absolute;right:-100%;width:100%;z-index:10}.tabs .tablink{font-size:100%;width:100%}#gsm_tabs_click:checked~div{right:0;transition:all .3s ease}}.popup_container{align-items:center;background-color:hsla(0,0%,100%,.35);display:none;flex-direction:column;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:2}.popup_container button{background-color:#fff;border-radius:50%;display:grid;height:2.5rem;place-items:center;width:2.5rem;z-index:1}.popup_container button:hover{background-color:#d1e751}.close_popup{height:100vh;position:fixed;width:100vw}.popup_content_card{background-color:#161616;border-radius:1rem;color:#e9e7ea;font-size:larger;margin-top:1rem;max-width:40vh;min-height:40vh;min-width:20vh;padding:2rem;text-align:left;z-index:1}.popup_content_card h1{line-height:1;margin:1rem 0}@media screen and (max-width:768px){.popup_content_card{max-width:75vw;min-height:40vh;min-width:75vw}}.popup_container.project_popup{display:flex;height:100%;position:absolute;width:100%}.popup_container.project_popup .popup_content_card{font-size:unset}.popup_container.project_popup .popup_content_card h1{font-size:1.25em;line-height:1;margin:1rem 0 0}.popup_container.project_popup .popup_content_card .project_extra_info{color:#b4b4b4;font-size:.75em;margin:.5rem 0}.popup_container.project_popup .close_popup{height:100%;position:absolute;width:100%}.proj_menu{bottom:16px;display:flex;flex-direction:column-reverse;opacity:50%;position:absolute;right:32px;transition:all .25s ease;width:2.5em}.proj_menu:hover{opacity:100%}.proj_menu:hover ul{max-height:7.5em}.proj_menu:hover .proj_menu_icon div:first-of-type,.proj_menu:hover .proj_menu_icon div:last-of-type{transform:rotate(90deg)}.proj_menu .proj_menu_icon,.proj_menu button{background-color:#161616;border-radius:50%;font-size:100%;height:2.5em;width:2.5em;z-index:1}.proj_menu ul{background-color:#161616;border-radius:1.25em;bottom:-2.5em;height:fit-content;list-style:none;max-height:0;overflow:hidden;padding-bottom:2.5em;position:relative;transition:all .25s ease}.proj_menu ul button{align-items:center;box-shadow:none;display:flex;justify-content:center}.proj_menu ul button img{filter:brightness(0) invert(1);width:65%}.proj_menu ul button:hover{background-color:#333}.proj_menu ul .github_btn img{width:85%}@media screen and (max-width:768px){.proj_menu{right:16px}}.proj_menu_icon{align-items:center;display:flex;justify-content:center}.proj_menu_icon div{display:flex;height:.2777777778em;justify-content:center;position:relative;transform-origin:0 50%;transition:all .25s ease;width:.8333333333em}.proj_menu_icon div:first-of-type{justify-content:start;right:-.4166666667em;transform-origin:100% 50%}.proj_menu_icon div:last-of-type{justify-content:end;left:-.4166666667em}.proj_menu_icon span{background-color:#e9e7ea;border-radius:50%;display:block;height:100%;width:33.333%}.tabs_container{display:flex;flex-flow:column nowrap;flex-grow:1}@media screen and (max-width:768px){.tabs_container{overflow:hidden;position:relative}}.tabcontent{color:#fff;display:none;flex-flow:column nowrap;flex-grow:1;position:relative}.tabcontent iframe{border:none;flex-grow:1}