@import"https://fonts.googleapis.com/css2?family=Mooli&display=swap";html,body{height:100%;min-height:100vh}body{margin:0;font-family:Mooli,sans-serif}.languagebar{display:flex;width:100%}.languagebutton{width:50px;height:50px;margin:5px}.languagebutton img{width:40px}.container{width:100%;display:flex;flex-direction:row;background-color:#262626;align-items:stretch;height:100%}.leftcontainer{display:flex;flex-direction:column;width:20%;color:#fff}.lc-top,.lc-top2{display:flex;flex-direction:column}.rightcontainer{display:flex;width:80%;background:url(/build/assets/rightcontainerbackground-f66c2994.jpg) no-repeat;background-size:100%;height:100%}.frontimage{display:flex;justify-content:center;align-items:center;background:url(/build/assets/sitebackground-d7797fe2.JPG) no-repeat;background-size:100%;height:100%;width:80%}.navigation{display:flex;flex-direction:column;width:100%}.navigation a{display:flex;align-items:center;font-size:20px;width:90%;padding:8px;transition:.5s;transition-timing-function:ease;text-decoration:none;color:#718096}a i{text-align:center;width:20px}.navigation a:hover{background:linear-gradient(to right,#8c8c8c,#404040,#262626);width:90%;padding:8px;transition:.5s;transition-timing-function:ease-in-out;color:#b3b3b3}.navigation a img{width:23px}.nav-icon{width:20px}.navigation .icon{display:none}.active{width:90%;padding:8px;color:#0c9!important}.profile{display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:10px;width:100%}.profile h2{font-size:20px}.pfp-dot{width:150px;height:150px;border-radius:50%;border:5px solid #00cc99;display:flex;align-items:center;justify-content:center;margin:5px}.contact-row{display:flex;flex-direction:row;justify-content:center}.contact-row i{color:#718096}.contact-row a{text-decoration:none}.contact-dot{width:25px;height:25px;background-color:#363e49;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2px}.contact-dot img{width:18px}.rc-text{display:flex;color:#fff;flex-direction:column;width:50%;height:auto;background:rgba(0,0,0,50%);padding:10px;margin:30px}.rc-text img{width:200px;margin:10px}.fi-text{display:flex;flex-direction:column;color:#fff}.fi-text h2,.fi-text p{margin:3px}.trademark{display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%;flex-direction:column;margin:6px}.trademark b{font-size:13px}.trademark p{font-size:10px}.trademark a{color:#0c9;text-decoration:none}.project{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.p-field{display:flex;justify-content:center;align-items:center;color:#fff;width:45%;margin:10px;padding:10px;background:rgba(0,0,0,50%);max-height:45%}.pf-block{display:flex;align-items:center;width:100%;height:auto}.pf-block img{width:80px;margin:4px}@media screen and (max-width: 767px){.leftcontainer{width:100%;display:flex;flex-direction:column;align-items:center}.languagebar{display:flex;justify-content:flex-end}.navigation{display:flex;flex-direction:row;background-color:#1a1a1a}.navigation a:not(:first-child){display:none}.navigation a.icon{display:flex;justify-content:flex-end;background:none}.navigation.responsive{display:flex;flex-direction:column}.navigation.responsive{position:relative}.navigation.responsive a.icon:hover{width:5%}.navigation.responsive a.icon{display:flex;background:none;justify-content:flex-end;position:absolute;right:0;top:0}.navigation.responsive a{display:block;text-align:left}.container{display:flex;flex-direction:column}.lc-top{display:flex;flex-direction:column-reverse;width:100%}.profile h2{font-size:10px}.pfp-dot{width:100px;height:100px}.trademark{display:flex;width:100%}.trademark b{display:flex;justify-content:center;width:10px}.frontimage{width:100%;height:100%}.fi-text{display:flex;align-items:center}.rightcontainer{width:100%;height:auto;background:#718096}.rc-text{width:auto}.project{display:flex;width:100%}.p-field{width:100%;padding:10px;margin-left:0;margin-right:0;min-height:200px}}@media screen and (min-width: 769px) and (max-width: 980px){.lc-top{display:flex;flex-direction:column-reverse;width:100%}}@media screen and (max-width: 980px) and (min-width: 744px){html,body{height:100vh}.leftcontainer{width:100%;display:flex;flex-direction:column;align-items:center}.languagebar{display:flex;align-items:center;width:13%}.languagebutton img{width:65px}.navigation{display:flex;flex-direction:row;background-color:#1a1a1a;margin-top:10px;margin-bottom:20px}.navigation a,.navigation .icon{font-size:30px}.navigation a:not(:first-child){display:none}.navigation a.icon{display:flex;justify-content:flex-end;background:none}.navigation img{display:none}.navigation.responsive{display:flex;flex-direction:column}.navigation.responsive{position:relative}.navigation.responsive a.icon:hover{width:5%}.navigation.responsive a.icon{display:flex;background:none;justify-content:flex-end;position:absolute;right:0;top:0}.navigation.responsive a{display:block;text-align:left}a i{text-align:center;width:30px}.container{display:flex;flex-direction:column}.profile{display:flex;flex-direction:row}.contact-row{display:none}.profile h2{font-size:15px}.lc-top2{display:flex;flex-direction:row-reverse;justify-content:space-between}.pfp-dot{width:70px;height:70px}.trademark{display:none}.frontimage{width:100%;height:100%}.fi-text{display:flex;align-items:center}.profile h2{font-size:20px}.rightcontainer{width:100%;height:100%;background:#718096}.rc-text{width:100%;font-size:20px}.rc-text h2{font-size:30px}.rc-text p{font-size:20px}.project{display:flex;width:100%;flex-direction:column}.p-field{width:auto;padding:10px;margin-left:0;margin-right:0;font-size:30px;min-height:200px}}