html,body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;min-height:100vh;background-image:linear-gradient(to top,#e2e2e2,#efefef);background-attachment:fixed;overflow-x:hidden}h2{font-size:1.7rem;margin-top:3rem}body{min-height:100vh;display:flex;flex-direction:column}.flex-container{display:flex;flex-direction:column}.intro-div{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh}.content-div{display:none;align-items:center;justify-content:center;flex-direction:column;padding-top:8vh}.projects-row{white-space:nowrap;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;overflow:scroll;max-width:100vw}.projects-row::-webkit-scrollbar{width:0px;background:transparent}.project-box{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:3rem;transition:transform .2s}.project-box:hover{cursor:pointer;transform:scale(1.1) translateY(-10px)}.project-box img{width:200px;height:200px;border-radius:20%;background-color:#fff;margin-bottom:1rem}.project-box .title{margin-top:10px;font-size:2rem}.project-content{display:flex;align-items:center;justify-content:center;flex-direction:row;text-align:center}.project-description{margin:2rem;max-width:30rem;text-align:left;font-size:.97rem}.project-description h2{margin-top:0;font-size:1.6rem}.project-window{position:fixed;z-index:100;width:100vw;height:100vh;top:0;left:0;display:flex;background-color:#00000080}.project-window .frame{position:relative;margin:auto;border-radius:1rem;box-shadow:0 4px 10px #0000004d;max-width:90vw;overflow:hidden}.project-window .red-dot:hover{cursor:pointer;background-color:#e90c00}.project-window .red-dot:active{cursor:pointer;background-color:#b80900}.project-window video{max-width:80vw;max-height:80vh;margin-bottom:-.25rem}#contacts{margin-bottom:5rem}#contacts td{color:#585858;font-size:1.1rem;padding:.2rem .5rem}#contacts-table{display:flex;flex-direction:column;align-items:flex-start}#contacts a{color:#000;text-decoration:none}#contacts a:hover{text-decoration:underline}#contacts img{width:10rem;height:10rem;margin:1rem}#contacts #contact-intro{display:flex;flex-direction:row;align-items:center;font-size:1.6rem}.row{display:flex;align-items:center;align-self:center;justify-content:center;flex-direction:row}.description{font-size:1.5rem;margin:1rem}.description img{width:15em;height:15em;margin:1rem}.typing p{font-family:Courier;font-size:14px;width:50em;white-space:nowrap;overflow:hidden;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end)}.typing p:nth-child(2){white-space:nowrap;overflow:hidden;opacity:0;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end);-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(3){white-space:nowrap;overflow:hidden;opacity:0;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(4){white-space:nowrap;overflow:hidden;opacity:0;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end);-webkit-animation-delay:3.5s;animation-delay:3.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(5){white-space:nowrap;overflow:hidden;opacity:0;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end);-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(6){white-space:nowrap;overflow:hidden;opacity:0;-webkit-animation:type 1.5s steps(40,end);animation:type 1.5s steps(40,end);-webkit-animation-delay:6.5s;animation-delay:6.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}span{animation:blink 1s infinite}@keyframes type{0%{width:0}0%{opacity:0}1%{opacity:1}to{opacity:1}to{opacity:1}}@-webkit-keyframes type{0%{width:0}0%{opacity:0}1%{opacity:1}to{opacity:1}to{opacity:1}}.frame{border:.5px solid #707070;border-radius:10px;width:fit-content;box-shadow:0 4px 8px #0000001a;background-color:#fff;margin:2rem}.frame.dark{background-color:#1e1e1e}.toolbar{position:relative;background-color:#ddd;color:#2c2c2c;font-size:13px;display:flex;align-items:center;justify-content:left;height:40px;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:-10px}.project-window .toolbar{margin-bottom:0}.resume{display:flex;align-items:center;justify-content:center;flex-direction:column;height:7rem;width:20rem}.dark .toolbar{background-color:#1e1e1e;color:#ddd}.dark p{color:#d4d4d4}.toolbar-text{position:absolute;left:50%;transform:translate(-50%);text-align:center}.red-dot{content:"";width:12px;height:12px;background-color:#ff5f56;border-radius:50%;margin-left:10px}.yellow-dot{content:"";width:12px;height:12px;background-color:#ffbd2e;border-radius:50%;margin-left:8px}.green-dot{content:"";width:12px;height:12px;background-color:#27c93f;border-radius:50%;margin-left:8px}.column{display:flex;flex-direction:column;align-items:center;justify-content:center}#about .column{margin-right:3em}#about .column .frame{height:10em;word-break:break-all}#about .column .frame .typing{padding:10px}#about .column button{margin-top:1em}.popup{border:.5px solid #f4f4f4;border-radius:10px;width:fit-content;box-shadow:0 4px 8px #0000001a;background-color:#e7e7e7f0;margin:2rem}.popup button{margin-top:1rem;background-image:linear-gradient(to bottom,#4591f7,#307ef6);color:#fff;border:0px;width:17rem}.popup button:active{background-image:linear-gradient(to bottom,#0e77ff,#0855c9)}button{background-color:#f5f5f7;border:1px solid #d1d1d6;color:#1d1d1f;padding:10px 28px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;box-shadow:0 1px 4px #3c3c4326;transition:background-color .2s,box-shadow .2s}button:active{background-color:#e5e5ea;box-shadow:0 2px 8px #3c3c4333}.json.json-small{display:none}.json{font-family:Courier New,Courier,monospace;padding:10px;width:50vw;line-height:2rem;display:block}#load-outline{width:15em;height:.5em;border-radius:1rem;border:1px solid #000;margin-bottom:20px;animation:disappear 3s forwards}#load-bar{width:0;height:100%;background-color:#000;animation:load 2s forwards}#intro-text{display:none;width:100%;text-align:center;position:absolute}@keyframes intro-rise{0%{opacity:0;top:43%}50%{opacity:1;top:40%}60%{top:40%}to{top:5%}}.title{margin-top:2rem}.image-gallery-content{overflow:hidden}.image-gallery button{box-shadow:0 0 #0000}.image-gallery button:hover{color:#fff}.image-gallery button:active{color:#888;background-color:#0000}@keyframes load{to{width:100%}}@keyframes disappear{0%{opacity:1;display:block}80%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes appear{0%{opacity:0;display:none}75%{opacity:0;display:block;margin-top:2rem}to{opacity:1;display:block;margin-top:0}}.json{font-family:Fira Code,monospace;font-size:14px;padding:10px;border-radius:8px;display:inline-block;text-wrap:break-word}.json .key{color:#9cdcfe}.json .string{color:#ce9178}.json .brace{color:#d4d4d4}.typing-small{display:none}@media only screen and (max-width:1250px){#about .column{margin-right:0;margin-top:1rem}.row{flex-direction:column}}@media only screen and (max-width:1000px){.typing p{font-size:.8rem}#about-me-frame{max-width:90vw}#foto{width:18rem;height:18rem}.project-content{flex-direction:column}.project-box{margin:2rem}.project-box .title{font-size:1.3rem}.project-box img{width:100px;height:100px}.project-description{margin:1rem;max-width:90vw}.project-window{height:100%}.project-window h2{font-size:1.2rem}.project-window h3{font-size:1rem}.project-window p,#contacts-table table tbody tr td{font-size:.8rem}#contacts{margin-bottom:1rem}#contacts img{width:6rem;height:6rem}#contact-intro p{font-size:1.1rem}}@media only screen and (max-width:700px){.typing{display:none}.typing-small{display:block}.json{display:none}.json.json-small{display:block;font-size:.7rem;line-height:1.4rem;width:fit-content}.typing p{-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(2){-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(3){-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(4){-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(5){-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typing p:nth-child(6){-webkit-animation:type 1s steps(40,end);animation:type 1s steps(40,end);-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}header{display:flex;visibility:hidden;flex-wrap:wrap;background-color:#000;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:left;align-items:center;padding:1.5vh 0vh;position:fixed;left:0;top:0;z-index:10;margin-bottom:1rem;width:100%;transform:translateY(-100%)}.slidein{animation:slidein .4s ease-out forwards}@keyframes slidein{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.datetime{margin-left:auto;padding-right:10px;margin-right:3vh}.table ul{list-style:none;padding:0;margin:0}.table ul li{display:inline;margin-right:1rem}.table ul li:first-child{margin-left:3vh}.text-color{text-decoration:none;color:#fff;font-size:16px;transition:.3s;padding:5px}.text-color:hover{background-color:#c1c1c1a3;border-radius:5px}.header-main-div{text-decoration:none;color:#fff;background:none;border:none;font-size:24px;cursor:pointer;text-align:center;vertical-align:top;padding-left:7px}.header-icon{width:27px;height:27px;vertical-align:top}.button-colored{display:inline;background:linear-gradient(90deg,#ffe259,#ffa751);border-radius:5px;padding:5px 22px 5px 26px;position:relative;box-shadow:0 0 10px #0000001a;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.button-colored:hover,.button-colored:focus,.button-colored:active{box-shadow:0 0 20px #00000080}.text-nocolor{color:#000;text-decoration:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#e9e9e9e6;border-radius:.3rem;box-shadow:0 8px 16px #0003;z-index:1;text-align:right}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;max-width:100%}.dropdown-content a:hover{cursor:pointer;background-color:#e6e6e6}.dropdown:hover .dropdown-content{display:block}@media only screen and (max-width:1000px){#table-header{display:none}header table{visibility:hidden}header .datetime{margin-left:auto;margin-right:auto}.frame.dark{width:90%}.div-logo{margin:auto auto 10px}.table{margin:auto}.table ul li{margin-left:30px}.button-colored{padding:5px 18px 5px 22px}}@media only screen and (max-device-width:480px)and (orientation:portrait){.header-icon{width:75px;height:75px;vertical-align:top}.div-logo{margin:0}.table ul li a{font-size:3rem}.button-colored{font-size:3rem;padding:5px 20px 5px 24px}#website-title{display:none}.hamb-container{display:block}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fdd284;margin:6px 0;transition:.4s}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}.table{margin:2rem 0;width:100%;align-items:center;justify-content:center}.table ul li{display:inline-block;margin:20px 0 0;width:100%;text-align:center}.table ul li:first-child{margin:20px 0 0}.button-colored{display:block}.first-bar{width:100%;display:contents}.div-logo{top:0;left:5vw;margin-top:auto;margin-bottom:auto}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width:768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width:480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;height:100%;inset:0;position:fixed;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{inset:50% auto auto 20px;width:auto;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media(max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}