body,html{font-family:Verdana,sans-serif}*,body,div,html,p{margin:0;padding:0}a{text-decoration:none}li,p,span{font-size:13px}p{font-family:Verdana,sans-serif}label{font-weight:700;margin-bottom:5px}form .formgroup{display:flex;flex-direction:column;padding:5px}form .formgroup input,form .formgroup textarea{margin:2px;padding:3px;width:25em}form .formgroup textarea{max-width:25em}.skill-list{display:flex;flex-flow:wrap}@font-face{font-family:RobotoMono;src:url(/static/media/RobotoMono-Regular.154dd521c9b4f99836af.ttf) format("truetype")}@font-face{font-family:JosefinSans;src:url(/static/media/JosefinSans-VariableFont_wght.613585db06f849ca7717.ttf) format("truetype")}@font-face{font-family:NunitoSans;src:url(/static/media/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.61b71ee93d55d9bddead.ttf) format("truetype")}body,div,html,li,p,span,ul{font-family:RobotoMono}h1,h2,h3,h4,h5,h6{font-family:JosefinSans}body,html{overflow:hidden;scroll-behavior:smooth}#root{height:100vh}main.main{height:100%;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}a img,button img{border-radius:5px}a:focus img,a:hover img,button:focus img,button:hover img{box-shadow:0 0 3px 2px}button:has(img):focus{border-color:#0000}button{background-color:initial;border:0 #0000;border-radius:5px;outline:none;padding-left:2px;padding-right:2px;width:fit-content}a img,button img{height:20px;padding:2px;width:20px}a:hover,button:hover{cursor:pointer}ul{padding-left:2em}li{padding-left:10px;padding-right:10px}h1,h2,h3,h4,h5{font-family:JosefinSans}section{min-height:90vh;padding:10px;scroll-snap-align:start}section,section.intro{align-items:center;display:flex;flex-direction:column;justify-content:center}section.intro{height:100vh;z-index:2}section.experience-section{padding-left:2em}section.experience-section,section.skill-section{align-items:center;display:flex;flex-direction:column;justify-content:center}section.skill-section{flex-flow:wrap;height:100vh;overflow:hidden}.inner-wrapper{display:flex;height:90vh;position:relative;width:200%}.view-more{display:flex;justify-content:center;position:absolute;text-align:center;transform:translateY(80vh);width:100%}#contactform{background-color:#ededed;border-radius:5px;box-shadow:1px 1px 3px 1px;margin:10px;padding:10px}.contact-button{box-shadow:1px 1px 3px 1px;margin:4px;padding:4px}.switch-tech-view{margin:5px}.skill-component,.technology-component{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.inner-wrapper.skills-active .skill-component,.inner-wrapper.tech-active .technology-component{transform:translateX(0);transition:transform .6s ease-in-out}.inner-wrapper.tech-active .skill-component{transform:translateX(100%);transition:transform .6s ease-in-out}.inner-wrapper.skills-active .technology-component{transform:translateX(-100%);transition:transform .6s ease-in-out}.technology-component h2{margin-bottom:10px}section.contact-section,section.education-section,section.tech-journey-section{align-items:center;display:flex;flex-direction:column;justify-content:center}section.tech-journey-section .section-heading{margin-top:11vh}.header-navs{position:relative}nav.header{align-items:center;box-shadow:0 0 0 0;display:flex;height:10vh;justify-content:center;left:0;margin:1px;position:fixed;top:0;transition:box-shadow .8s ease,background-color .5s ease;width:100%;z-index:9}nav.header.head-box-shadow{box-shadow:1px 0 3px 1px}nav.header .top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;list-style:none}nav.header .top button{margin:5px;padding:5px 10px}nav.header .top .nav-button{font-family:JosefinSans;margin:auto}.summary,.summary2{overflow:hidden;text-align:center;white-space:nowrap;width:0}.summary{animation:typing 2s steps(20) forwards,blink .7s step-end infinite}.summary2{animation:typing2 2s steps(31) .8s forwards,blink .7s step-end 1.2s infinite}@keyframes typing{0%{width:0}to{width:60ch}}@keyframes typing2{0%{width:0}to{width:62ch}}.right-nav{margin-left:100%}.right-nav,.theme-switch-component{position:fixed;width:fit-content;z-index:10}.theme-switch-component{height:10vh;right:0;top:0}.theme-switch-component .theme-buttons{display:flex;height:100%;padding:5px;position:absolute;right:10px}.theme-button img{border-radius:50%;box-shadow:.5px .5px 2px 1px gray}.theme-button.lang img{background-color:inherit;border-radius:50%}.theme-button.lang:focus img,.theme-button.lang:hover img{box-shadow:0 0 3px 1px}.left-nav{background:none!important;height:100vh;position:fixed;width:fit-content;z-index:10}.right-nav img.icon-only{height:20px}.left-nav .icon-only{background:none;display:flex;height:9vh;left:2em;position:absolute;top:5px;width:auto}@keyframes photslider{0%{height:8vh}to{height:40vh}}.left-nav .icon-only img{border-radius:50%;height:auto;width:8vh}.slider-arrow .arrow-left-right:focus img,.slider-arrow .arrow-left-right:hover img{box-shadow:none;outline:2px solid;outline-offset:3px}.left-nav .icon-only:active img,.left-nav .icon-only:focus img,.left-nav .icon-only:hover img{animation-duration:1s;animation-name:photslider;border-radius:7px;height:40vh;width:auto}.left-nav .image-only{opacity:0;visibility:hidden;width:0}.right-nav .slider-container{bottom:2em;position:absolute;right:2em}.right-nav .icon-with-data li{align-items:center;text-align:center}.right-nav img{height:2em;width:2em}.contact-detail-button{margin-right:10px}.contact-detail-button img{border-radius:50%;box-shadow:.5px .5px 2px 1px gray;padding:5px}.contact-detail-button:focus img,.contact-detail-button:hover img{box-shadow:0 0 3px 1px}.icon-with-data li{display:flex}.icon-with-data li img{height:20px;width:20px}.icon-with-data li a:focus img,.icon-with-data li a:hover img{box-shadow:none;outline:2px solid;outline-offset:2px}.icon-only:focus img,.icon-only:hover img{box-shadow:0 0 3px 1px}.right-nav .icon-with-data .data-only{text-align:left}.right-nav ul{background-color:#fff;border-radius:7px;box-shadow:0 0 5px 2px;list-style:none;padding-left:0;right:25px}input[type=tel],input[type=text],select{border-radius:5px;padding:3px;width:100%}.intro .summary{margin-left:20%;margin-right:20%}.theme-buttons{position:absolute}.theme-button{background:none;min-width:fit-content;padding-left:5px;padding-right:5px}.theme-button img{height:2em;width:2em}.slider-arrow{justify-content:right}@keyframes heightanimateslider{0%{height:5px}to{height:35px}}@keyframes widthanimatorslider{0%{width:1em}

    ;to{width:22em}

    ;}.icon-with-data li{animation-duration:.5s;animation-name:heightanimateslider;height:35px}.icon-with-data li .data-only{animation-duration:.5s;animation-name:widthanimatorslider;width:22em}.icon-with-data li a.data-only:focus,.icon-with-data li a.data-only:hover,.icon-with-data li button.data-only:focus,.icon-with-data li button.data-only:hover{text-decoration:underline}.skill-list span{border-radius:4px;box-shadow:1px 1px 3px 0;margin:4px;padding:1px 2px}.journey-list{list-style:none}.journey-list li{border:1px solid #000;border-radius:5px;margin:2px;padding:2px 10px}.career-journey-paragraph{max-width:480px;padding-left:3em;padding-right:3em;text-align:center}.career-journey-paragraph div{margin:5px}a .icon-only,button .icon-only{padding-left:2px}.icon-with-data{padding-top:.5em}.contact-field-grid{display:grid;grid-template-columns:3fr 7fr}.myname,.mytitle{margin-bottom:7px}.svg-tech-icon{filter:grayscale(100%);height:3em;padding:1em;scale:1;transition:all .3s ease;width:3em}.svg-tech-icon:focus,.svg-tech-icon:hover{filter:grayscale(0);scale:1.2}.tech-icon-container{border-radius:5px;display:flex;flex-wrap:wrap}.left-right-svgs{height:auto;width:2em}button:disabled .left-right-svgs{filter:grayscale(100%)}button:disabled .left-right-svgs:hover{cursor:not-allowed}.top .nav-button{cursor:pointer;font-size:1rem;transition:color .5s ease,transform .5s ease,-webkit-text-decoration .5s ease;transition:color .5s ease,transform .5s ease,text-decoration .5s ease;transition:color .5s ease,transform .5s ease,text-decoration .5s ease,-webkit-text-decoration .5s ease}.top .nav-button.active,.top .nav-button:focus,.top .nav-button:hover{text-decoration:underline;transform:scale(1.2)}.ethic-journey-container{height:90vh;overflow:hidden;position:relative;width:100%}.ethic-journey-container .my-journey,.ethic-journey-container .work-ethics{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.ethic-journey-container.ethics-active .work-ethics,.ethic-journey-container.journey-active .my-journey{transform:translateX(0);transition:transform .6s ease-in-out}.ethic-journey-container.journey-active .work-ethics{transform:translateX(-100%);transition:transform .6s ease-in-out}.work-ethics ul{margin-bottom:10px;margin-top:5px}.ethic-journey-container.ethics-active .my-journey{transform:translateX(100%);transition:transform .6s ease-in-out}.error-infield{outline:2px solid #dc2626!important;outline-offset:3px!important}.error-infield::placeholder{color:#dd3939}.medium-textbox-container{max-width:420px;text-align:center}button.click-here-button{font-weight:700}button.click-here-button:focus,button.click-here-button:hover{text-decoration:underline}.popup-text{border-radius:5px;bottom:40px;display:flex;padding:4px;position:absolute;right:50px}.popup-text.visible{background-color:#000;box-shadow:0 0 3px 2px;color:#fff}.resume-download-icon{background:#d5d5d5;border-radius:5px;color:#fff;display:flex;font-size:13px;margin-top:10px;padding:5px}.resume-download-icon img{height:16px;margin-left:4px;width:auto}.light,body.light,div.light,p.light,span.light,ul.light.li.light{background-color:#fff;color:#22230a}.light a,.light span{color:#22230a}.light a:visited{color:#000}.light .header{background-color:#eee}.light .header.head-box-shadow{background-color:#fff}.light section:first-of-type,.light section:nth-of-type(3),.light section:nth-of-type(5),.light section:nth-of-type(7){background-color:#cfcfcf59}.light section:nth-of-type(2),.light section:nth-of-type(4),.light section:nth-of-type(6),.light section:nth-of-type(8){background-color:#fff}.light .icon-only,.light .icon-with-data{background-color:initial}.light .arrow-left-right img{background-color:#fff}.light .arrow-left-right:focus img,.light .arrow-left-right:hover img{background-color:#fff;outline-color:#000}.dark form#contactform{background-color:#ededed}.light .contact-button{background-color:#fff;color:#000}.light .contact-button:focus,.light .contact-button:hover{background-color:#000;color:#fff;outline-color:#000;outline-offset:2px;outline-style:solid;outline-width:2px}.light .right-nav .slider-container .icon-with-data{background-color:#fff;color:#000;overflow:hidden}.light .right-nav .theme-button.lang{border:1px solid #000;color:#000}.light .right-nav .slider-container .icon-with-data .data-only{color:#000}.light .icon-with-data li a:focus img,.light .icon-with-data li a:hover img{outline-color:#000}.light input[type=tel],.light input[type=text],.light select,textarea{background-color:#fff;border:1px solid #000;color:#000}.light input[type=tel]:focus,.light input[type=tel]:hover,.light input[type=text]:focus,.light input[type=text]:hover,.light select:focus,.light select:hover,.light textarea:focus,.light textarea:hover{box-shadow:0 0 3px 1px;outline:none}.light .skill-list span{background-color:#ededed}.light button.click-here-button{color:#000}.light span.asterik-req{color:#958383}.light .resume-download-icon img,.light .tech-icon-container{background-color:#eee}.dark,body.dark,div.dark,p.dark,span.dark,ul.dark.li.dark{background-color:#000;color:#d7d7d7}.dark a,.dark a:visited{color:#fff}.dark button img{background-color:#fff}.dark button:focus img,.dark button:hover img{box-shadow:0 0 5px 2px #fff}.dark .header,.dark .left-nav,.dark .right-nav,.dark nav button{background-color:#000;color:#fff}.dark .nav.header.head-box-shadow,.dark form#contactform{background-color:#000}.dark section:first-of-type,.dark section:nth-of-type(3),.dark section:nth-of-type(5),.dark section:nth-of-type(7){background-color:#191919}.dark section:nth-of-type(2),.dark section:nth-of-type(4),.dark section:nth-of-type(6),.dark section:nth-of-type(8){background-color:#232323}.dark .right-nav .slider-container .icon-with-data .icon-only{background-color:#fff}.dark .right-nav .slider-container .icon-with-data .data-only{color:#fff}.dark .icon-with-data li a:focus img,.dark .icon-with-data li a:hover img{outline-color:#fff}.dark .contact-button{background-color:#000;color:#fff}.dark .contact-button:focus,.dark .contact-button:hover{background-color:#fff;color:#000;outline-color:#fff;outline-offset:2px;outline-style:solid;outline-width:2px}.dark .theme-button.lang{color:#fff}.dark .arrow-left-right:focus img,.dark .arrow-left-right:hover img{outline-color:#fff}.dark .right-nav .slider-container .icon-with-data{background-color:#000;color:#fff}.dark input[type=tel],.dark input[type=text],.dark select,.dark textarea{background-color:#232323;border:1px solid #fff;color:#fff}.dark input[type=tel]:focus,.dark input[type=tel]:hover,.dark input[type=text]:focus,.dark input[type=text]:hover,.dark select:focus,.dark select:hover,.dark textarea:focus,.dark textarea:hover{box-shadow:0 0 3px 1px;outline:none}.dark .theme-button img{background-color:#000}.dark button.click-here-button{color:#fff}.dark span.asterik-req{color:#ad9898}.dark .resume-download-icon{background-color:#313131}.dark .resume-download-icon img{background-color:#adadad}.dark .tech-icon-container{background-color:#000}@media only screen and (max-width:560px) and (max-height:320px){.career-journey-paragraph{font-size:11px;padding-left:1em;padding-right:1em}.skill-list span{font-size:11px;margin:1px}}@media only screen and (max-width:480px) and (max-height:520px){.left-nav .icon-only,.theme-switch-component .theme-buttons{top:11vh}h2,h3{margin-bottom:2px}a,button,div,label,li,p,span{font-size:11px}.career-journey-paragraph{font-size:10px;padding-left:1em;padding-right:1em}a,button,div,li,p{margin:2px;padding:2px}span{margin:0;padding:0}form .formgroup{margin:1px;padding:2px}.nav.header .top button{font-size:10px;padding:2px}.left-nav .icon-only img{height:8vh}.skill-component ul{overflow-x:scroll}.skill-list span{margin:2px;padding:1px 2px}}@media only screen and (max-width:480px){.left-nav .icon-only,.theme-switch-component .theme-buttons{top:10vh}.career-journey-paragraph span,a,button,div,label,li,p,span{font-size:11px}.career-journey-paragraph{overflow-x:scroll}form .formgroup input,form .formgroup textarea{width:18em}.nav.header .top button{font-size:11px;padding:2px}.skill-component ul{overflow-x:scroll}.skill-list span{margin:2px;padding:1px 2px}}@media only screen and (max-width:320px){.left-nav .icon-only,.theme-switch-component .theme-buttons{top:10vh}.career-journey-paragraph span,a,button,div,h2,label,li,p,span{font-size:11px}.career-journey-paragraph{overflow-x:scroll}form .formgroup input,form .formgroup textarea{width:18em}.nav.header .top button{font-size:11px;padding:2px}.skill-component ul{overflow-x:scroll}.skill-list span{margin:2px;padding:1px 2px}}@media only screen and (max-width:640px) and (max-height:320px){li,p,span{font-size:11px}.skill-list span{margin:1px;padding:0 2px}}
/*# sourceMappingURL=main.9ae06595.css.map*/