@import "https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";:root{--color_accent:#e0c859;--color_text:#dfdfdf;--color_text_dark:#d4d4d4;--color_link:#e0c859;--color_background:#101010;--color_background_light:#151515;--color_button_background:#ffffff0d;--shadow:0 10px 10px #0003}:root::-webkit-scrollbar{display:none}:root{-ms-overflow-style:none;scrollbar-width:none}html{scroll-behavior:smooth}body{width:100%;min-height:100%;color:var(--color_text);background-color:var(--color_background);background-position:50%;background-size:cover;background-attachment:fixed;margin:0;font-family:Raleway;font-size:16px;position:absolute}#content{width:100%;min-height:100%;position:absolute}.wrapper{flex:1;max-width:100em}h1{color:var(--color_accent);text-shadow:var(--shadow);font-size:5rem;font-weight:700}h2{color:var(--color_accent);font-size:3rem;font-weight:700}h3{font-size:2rem;font-weight:700}p{font-size:1.2rem}img{max-width:100%}ul{padding:0;font-size:1.2rem;list-style:none}table{color:var(--color_text);font-size:1.2rem}table tr:first-child{text-transform:uppercase;font-weight:700}table tr:first-child td{padding-bottom:1em}table tr td{vertical-align:top;padding:.2em}table tr td:first-child{text-align:right;padding-right:.5em;font-weight:700}table tr td:last-child{text-align:left;padding-left:.5em;font-weight:lighter}table tr td:only-child{text-align:center;right:0}a{color:var(--color_link);text-decoration:none}a:hover{text-decoration:underline}button,a.button{text-transform:uppercase;color:var(--color_text);vertical-align:middle;cursor:pointer;z-index:1;background-color:#0000;border:none;margin:1em;padding:.5em 1.5em;font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}button:before,a.button:before{content:"";background-color:var(--color_text);width:3rem;height:1.5rem;transition:all .12s;display:block;position:absolute;top:100%;left:0;transform:skewY(30deg)}button:hover:before,a.button:hover:before{top:calc(100% - .5rem)}button:after,a.button:after{content:"";background-color:var(--color_button_background);clip-path:polygon(0 100%,0 100%,0 100%);z-index:-1;width:100%;height:100%;transition:all .12s;display:block;position:absolute;top:0;left:0}button:hover:after,a.button:hover:after{clip-path:polygon(0 100%,0 -100%,200% 100%)}button .button_border.bottom,a.button .button_border.bottom{background-color:var(--color_text);width:50%;height:2px;transition:all .12s;position:absolute;bottom:0;left:0}button:hover .button_border.bottom,a.button:hover .button_border.bottom{width:100%}button .button_border.left,a.button .button_border.left{background-color:var(--color_text);width:2px;height:0;transition:all .12s;position:absolute;bottom:0;left:0}button:hover .button_border.left,a.button:hover .button_border.left{height:100%}button .button_border.right,a.button .button_border.right{background-color:var(--color_text);width:2px;height:0;transition:all .12s;position:absolute;bottom:0;right:0}button:hover .button_border.right,a.button:hover .button_border.right{height:100%}button .button_border.top,a.button .button_border.top{background-color:var(--color_text);width:0;height:2px;transition:all .12s;position:absolute;top:0;left:0}button:hover .button_border.top,a.button:hover .button_border.top{width:100%}a.button{appearance:button}.full_row{flex:100%!important}.media_embed{justify-content:center;width:100%;max-width:70em;display:flex;position:relative}.media_embed_wrapper{width:100%;padding-bottom:56.25%;position:relative}.media_embed_wrapper iframe{width:100%;position:absolute;height:100%!important}.image{justify-content:center;max-width:60em;padding:2em;flex-direction:row!important}.scroll_indicator div{border:solid var(--color_accent);opacity:0;border-width:0 .4rem .4rem 0;border-radius:5px;margin-top:-10px;padding:10px;animation-name:scroll_indicator_arrow;animation-duration:1s;animation-iteration-count:infinite;transform:rotate(45deg)}.scroll_indicator div:nth-child(2){animation-delay:.15s}.scroll_indicator div:nth-child(3){animation-delay:.3s}@keyframes scroll_indicator_arrow{0%{opacity:0}30%{opacity:1}60%{opacity:0}}#top_bar{z-index:1;justify-content:center;width:100%;display:flex;position:absolute}#top_bar>div{vertical-align:center;padding:1em}#navigation{z-index:10;flex-direction:column;justify-content:center;gap:2rem;height:100%;padding:1rem;display:flex;position:fixed;right:0}#navigation .top svg{width:2.5rem;height:2.5rem;fill:var(--color_accent);transition:all 1s}#navigation .top svg:hover{transition:all .12s;transform:scale(1.3)}#navigation .middle{flex-direction:column;justify-content:center;align-items:center;gap:4vh;display:flex}#navigation .navigation_dot{border:.1rem solid var(--color_accent);border-radius:100%;width:1rem;height:1rem;margin:0;padding:0;transition:all 1s;animation-name:animation_dot_enter;animation-duration:.5s;transform:scale(.5)}#navigation .navigation_dot:before,#navigation .navigation_dot:after{content:none}#navigation .navigation_dot:hover{transition:all .12s;transform:scale(1)}#navigation .navigation_dot.active{background-color:var(--color_accent);transition:all .12s;transform:scale(1)}@keyframes animation_dot_enter{0%{transform:scale(0)}to{transform:scale(.5)}}#header{background-color:var(--color_background_light);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;padding:15vh 5rem 3rem;display:flex}#header.start{min-height:100vh}#header.start>p:last-of-type{margin-top:auto}#header.start .scroll_indicator{margin-top:1rem}#header h1{text-align:center}#header p{max-width:50em;color:var(--color_text_dark);text-align:center}#header img{padding:2em 0}.mail_text a{color:var(--color_text_dark);font-size:1.2rem;text-decoration:none}.mail_text a:hover{text-decoration:underline}.linkedin_logo,.github_logo{height:1.4em}.linkedin_logo img,.github_logo img{max-height:100%}#back_button{border-top:1.2em solid var(--color_background);cursor:pointer;z-index:5;border-bottom:1.2em solid #0000;border-left:1.2em solid #000;border-right:1.2em solid #0000;width:2em;height:2em;transition:all .25s;position:fixed;top:1em;left:1em}#back_button:after{content:"";border-top:.8em solid var(--color_background_light);border-left:.8em solid var(--color_background_light);z-index:-1;border-bottom:.8em solid #0000;border-right:.8em solid #0000;width:100%;height:100%;position:absolute;top:-1em;left:-1em}#back_button:hover,#back_button.active{width:11em;height:3em}#back_button.active:hover{width:13rem;height:4em}#back_button .button_text:after{content:"Go back";color:var(--color_background_light);white-space:nowrap;text-transform:uppercase;-webkit-text-stroke:1px var(--color_background);opacity:0;pointer-events:none;margin:.1em .3em;font-size:2rem;font-weight:bolder;transition:all .25s;transform:translate(2em)}#back_button:hover .button_text:after,#back_button.active .button_text:after{opacity:1;transform:translate(0)}.frame{flex-direction:column;flex:2;justify-content:center;min-width:20em;display:flex}.frame img,.frame video{box-shadow:var(--shadow);border-radius:1rem}.popup_element{opacity:0;transition:all .8s ease-out;transform:translateY(50px)}.popup_element.visible{opacity:1;transform:translateY(0)}.popup_element img,.popup_element video{transition:all 1s}.popup_element img:hover,.popup_element video:hover{transform:scale(1.025)}.frame.single{flex:100%;align-items:center;display:flex}.frame.single>img,.frame.single>video{width:100%;max-width:70em}.frame.small{flex:1;align-items:center}.frame.small>img,.frame.small>video{width:100%;max-width:30em}.frame.double_column{flex-direction:row;justify-content:space-around;max-width:70em;display:flex}.frame.double_column>div{width:40%;padding-bottom:70%;position:relative}.frame.double_column>div:nth-child(2n-1){margin-bottom:4em}.frame.double_column>div:nth-child(2n){margin-top:4em}.frame.double_column>div>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.frame.triple_column{flex-direction:row;justify-content:space-around;max-width:70em;display:flex}.frame.triple_column>div{position:relative}.frame.triple_column>div:first-child{width:28%;height:32em;margin-top:3em}.frame.triple_column>div:nth-child(2){width:39%;height:45em;margin-top:0}.frame.triple_column>div:nth-child(3){width:28%;height:32em;margin-top:10em}.frame.triple_column>div>img,.frame.triple_column>div>video{object-fit:cover;max-width:100%;height:100%}.frame.triple_mosaic{max-width:70em;position:relative}.frame.triple_mosaic>div{width:100%;padding-bottom:70%;position:relative}.frame.triple_mosaic>div>div{position:absolute}.frame.triple_mosaic>div>div:first-child{width:40%;height:80%;top:10%}.frame.triple_mosaic>div>div:nth-child(2){width:58%;height:45%;top:0;right:0}.frame.triple_mosaic>div>div:nth-child(3){width:50%;height:52%;bottom:0;right:8%}.frame.triple_mosaic>div>div>div{width:100%;height:100%;position:relative}.frame.triple_mosaic>div>div>div>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.frame.double_overlap{max-width:70em;position:relative}.frame.double_overlap>div{width:100%;padding-bottom:50%;position:relative}.frame.double_overlap>div>div{width:55%;position:absolute}.frame.double_overlap>div>div:nth-child(2){bottom:0;right:0}.frame.double_overlap>div>div>div{width:100%;padding-bottom:70%;position:relative}.frame.double_overlap>div>div>div>img,.frame.double_overlap>div>div>div>video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.frame.triple_overlap{max-width:70em;position:relative}.frame.triple_overlap>div{width:100%;padding-bottom:75%;position:relative}.frame.triple_overlap>div>div{width:55%;position:absolute}.frame.triple_overlap>div>div:nth-child(2){top:18%;right:0}.frame.triple_overlap>div>div:nth-child(3){bottom:0;left:10%}.frame.triple_overlap>div>div>div{width:100%;padding-bottom:70%;position:relative}.frame.triple_overlap>div>div>div>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.frame.business_card{max-width:70em;position:relative}.frame.business_card>div{width:100%;padding:0 1rem 44%;position:relative}.frame.business_card>div>div{width:50%;position:absolute;transform:rotate(-15deg)}.frame.business_card>div>div:first-child{z-index:1;left:4%}.frame.business_card>div>div:nth-child(2){bottom:0;right:4%;transform:rotate(7deg)}.frame.business_card>div>div>div{width:100%;padding-bottom:65%;position:relative}.frame.business_card>div>div>div>img,.frame.business_card>div>div>div>video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.section{background-color:var(--color_background_light);justify-content:center;padding:10em 5em;display:flex;transform:translateZ(0)}.section:nth-of-type(2n){background-color:var(--color_background)}.section img:hover{z-index:2}.section .awards{flex-wrap:wrap;justify-content:center;margin:.5em 0;display:flex;flex-direction:row!important}#content .section .awards img{max-width:12em;margin:1em}.section .wrapper{flex-wrap:wrap;justify-content:center;display:flex}.section .wrapper>div{flex-wrap:wrap;margin:2.5em 2.5em 5em;display:flex}.section .wrapper>div:not(.frame){justify-content:center;align-items:center}.section .wrapper p{text-align:center;min-width:15em;max-width:50em}.section .wrapper .header{flex-direction:column;flex:1;justify-content:center;align-items:stretch;display:flex}.section .wrapper .header>div{text-align:center;flex-direction:column;align-items:center;display:flex}.section .wrapper .header h2{text-align:center;margin:1em 0}.section .wrapper .header img{vertical-align:middle}.section .subsection{display:flex}.section .subsection>div{margin:2.5em}.section iframe{border-radius:1rem;width:100%;height:50rem}#header.about{min-height:100vh}#avatar{width:15em;height:15em;box-shadow:var(--shadow);border-radius:50%;transition:all 1s 1s;animation-name:avatar_popup;animation-duration:2s;overflow:hidden}#avatar>img{object-fit:cover;object-position:center;width:100%;height:100%;padding:0}@keyframes avatar_popup{0%{opacity:0;height:0}10%{opacity:0;height:0}50%{opacity:0;height:15em}to{opacity:1}}#content .section .wrapper p.side_text{text-align:left;max-width:30em;margin:1em 2.5em;font-family:Raleway;line-height:1.3em}.personal_description{display:flex;flex-wrap:nowrap!important}.text_image{vertical-align:middle;background-color:var(--color_text);box-shadow:var(--shadow);border-radius:1rem;margin:1em 2.5em;padding:2rem;transition:all 1s}.text_image:hover{transform:scale(1.025)}.text_image>img{max-height:14em}#content .section .wrapper .header>div#skill_grid{flex-flow:wrap;justify-content:center;align-self:center;max-width:50em;padding:2em;display:flex}#content .section .wrapper .header>div#skill_grid>div{padding:1em}#content .section .wrapper .header>div#skill_grid>div:hover{color:var(--color_background_light);background-color:var(--color_text_dark)}#footer.about a{color:var(--color_accent);font-size:2rem}#footer.about a:before,#footer.about a>div{background-color:var(--color_accent)}#footer.about svg{width:5rem;height:5rem;fill:var(--color_accent);vertical-align:middle}#page_404{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}#page_404 .content_box{align-items:center;gap:2rem;margin-right:5rem;display:flex;left:0;right:0}#page_404 .content_box img{max-height:15rem}#page_404 .content_box .text h1{margin:0}#footer{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}#footer>div{color:var(--color_accent);text-align:center;padding:1em;font-size:5rem;font-weight:700}@media screen and (width<=1100px){#top_bar{justify-content:flex-end}.personal_description{flex-wrap:wrap!important}.personal_description:nth-of-type(2) div:first-child{order:2}.personal_description:nth-of-type(2) div:nth-child(2){order:1}}@media screen and (width<=800px){h1{font-size:4rem}#top_bar{flex-direction:column;align-items:flex-end}#top_bar>div:last-child{padding:0 1em}#content .section{padding:5em 2.5em}#content .section .wrapper>div{margin:2.5em 0}#content .section .wrapper .header h2,#content .section .wrapper .header p{margin:1em}}@media screen and (width<=600px){h2{font-size:2rem}#header{padding:20vh 2em 2em}#back_button:hover,#back_button.active{width:7em;height:3em}#back_button .button_text:after{content:"Back"}#content .section{padding:5em 0}#content .section .wrapper .header h2{margin:.5em}#content .section .subsection>div{margin:1em}#footer>div{font-size:3rem}}