html,body{margin:0;padding:0}:root{--main-bg-color:#0b0a08;--accent-color:#4b4b4b}body{background-color:var(--main-bg-color);color:#fff;background-image:url(/assets/bg-DxxE2Cca.svg);background-size:20rem;font-family:Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.app{max-width:44rem;margin:0 auto}@media only screen and (width<=745px){.app{margin:0 1rem}}p{color:var(--accent-color)}.wrapper{z-index:1000;justify-content:center;width:44rem;display:flex;position:fixed;bottom:4rem}.wrapper .navbar{text-align:center;-webkit-backdrop-filter:blur(2px)saturate(180%);backdrop-filter:blur(2px)saturate(180%);background-color:#48309622;border:1px solid #323232cc;border-radius:2rem;justify-content:center;justify-self:center;align-items:center;min-height:4rem;padding:0 4rem;transition:all 1s;display:flex;box-shadow:0 8px 32px #3c3c3c33,inset 0 4px 20px #ffffff12}.wrapper .navbar a{border-radius:50%;justify-content:space-between;padding:10px}.wrapper .navbar a path{fill:#fff}.wrapper .navbar a:hover{transition:all 1s;box-shadow:0 8px 32px #d3d3d333}.wrapper .navbar a:active{background-color:red;transition:all 1s}@media only screen and (width<=745px){.wrapper{justify-self:center;width:calc(100vw - 2rem);transition:all 1s}}.banner{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;margin:0 auto;transition:all 1s;display:flex}@media only screen and (width<=640px){.banner h1{font-size:x-large;transition:all 1s}.banner .world{min-height:20rem}}.banner .world{background-image:url(/assets/world-tknC4_tg.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;min-height:30rem}.banner .world h1,.banner .world h2{text-align:center;justify-content:center;padding:10rem 4rem 0;transition:all 1s;display:flex}.header{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-radius:1rem 1rem 0 0;margin:4rem auto 0;padding:2rem 4rem;transition:all 1s;display:flex}.header h1,.header h2{transition:all 1s}@media only screen and (width<=640px){.header{padding:1rem 2rem;transition:all 1s}.header h1{font-size:large;transition:all 1s}.header h2{font-size:medium;transition:all 1s}.header p{font-size:smaller;transition:all 1s}.header img{transition:all 1s;height:4rem!important}}.header .left{flex-direction:column;justify-content:space-between;display:flex}.header .right{margin-top:1rem;transition:all 1s}.header .right img{border-radius:100%;height:6rem;transition:all 1s}.header .right h2{text-align:center;justify-content:center;transition:all 1s}.footer{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;border-radius:0 0 1rem 1rem;flex-direction:column;margin:0 auto 12rem;padding:2rem 4rem;transition:all 1s;display:flex}@media only screen and (width<=640px){.footer{padding:1rem 2rem;transition:all 1s}.footer p,.footer a{font-size:smaller;transition:all 1s}}.footer .links{flex-wrap:wrap;display:flex}.footer .links p{color:#fff;transition:all 1s}.footer .links a{color:#fff;margin-right:10px;font-size:14px;transition:all 1s}.footer .links a:hover{color:var(--accent-color);transition:all .5s}.filter{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;flex-direction:row;align-items:center;margin:0 auto;padding:.2rem 4rem;transition:all 1s;display:flex}.filter h4{margin-right:10px}.filter select{height:20px}@media only screen and (width<=640px){.filter{padding:.2rem 2rem;transition:all 1s}}.projectItem{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;transition:all 1s;display:flex}.projectItem h1,.projectItem h2,.projectItem h3,.projectItem h4,.projectItem h5,.projectItem h6{margin:0}.projectItem img{-o-object-fit:cover;object-fit:cover;cursor:pointer;border:2px solid #333;border-radius:4px;width:15rem;height:100%;margin:2rem 1rem 2rem 4rem;transition:all 1s}.projectItem img:hover{border:2px solid red;transition:all .5s}.projectItem .text{vertical-align:top;vertical-align:text-top;flex-direction:column;margin:2rem 4rem 2rem 2rem;padding-top:0;transition:all 1s;display:flex}.projectItem label{color:#000;background-color:#fff;border-radius:2px;margin-right:5px;padding:2px;font-size:small}@media only screen and (width<=640px){.projectItem{flex-direction:column;padding:1rem 0;transition:all 1s}.projectItem img{margin:1rem auto;transition:all 1s}.projectItem .text{margin:1rem 0;padding:0 2rem;font-size:small;transition:all 1s}}.preview{border:1px solid var(--accent-color);background-color:var(--main-bg-color);border-top:none;transition:all 1s;display:flex}.preview a{color:#fff}.preview a:hover{color:var(--accent-color);transition:all 1s}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{margin:0}.preview h1{font-size:large;transition:all 1s}.preview h2{font-size:medium;transition:all 1s}.preview .left{margin:2rem 1rem 2rem 4rem;transition:all 1s}.preview .right{flex-direction:column;justify-content:space-between;margin:2rem 4rem 2rem 1rem;transition:all 1s;display:flex}.preview img{object-fit:cover;border-radius:4px;align-content:center;width:10rem;height:10rem;transition:all 1s;display:flex}@media screen and (width<=640px){.preview .left{margin:2rem 1rem 2rem 2rem;transition:all 1s}.preview .right{margin:2rem 1rem 1rem 0;transition:all 1s}.preview h1{font-size:medium;transition:all 1s}.preview h2,.preview p{font-size:small;transition:all 1s}.preview img{width:6rem;height:6rem;transition:all 1s}}.photoGallary{-o-object-fit:cover;object-fit:cover;text-align:center;flex-direction:column;place-content:center space-evenly;width:36rem;height:36rem;padding:15px;display:inline-block}.photoGallary:hover{filter:brightness(.5);transition:all .5s}.contact{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;flex-direction:column;align-items:center;padding:2rem 4rem;display:flex}.contact .contactForm{color:#000;flex-direction:column;width:22rem;display:flex}.contact .contactForm input,.contact .contactForm button,.contact .contactForm textarea{resize:none;border:1px solid #333;border-radius:4px;padding:.6rem}.contact .contactForm textarea{height:10em}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.blog{background-color:var(--main-bg-color);border:1px solid var(--accent-color);border-top:none;padding:2rem 4rem;transition:all 1s}.blog img{width:100%}@media only screen and (width<=640px){.blog{padding:1rem 2rem;transition:all 1s}}#modal-container{background-color:var(--main-bg-color);opacity:.8;z-index:2;text-align:center;flex-direction:invert;width:100%;height:100%;position:fixed}#modal-container p#tip{color:var(--accent-color);margin-top:4vh}#modal-container p#caption{color:var(--accent-color);margin-top:88vh}#modal{z-index:2;justify-content:center;align-items:center;width:44rem;margin-top:10vh;display:flex;position:fixed}#modal img{max-width:100%;max-height:80vh;margin:0 auto}.invisible{display:none}