body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@font-face{font-family:roboto;src:url(/static/media/RobotoSlab.b6aa3c203f8622669cc6.ttf)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}p{margin:0;padding:0}body{margin:20px}h1{font-size:1.8em}h1,h2{margin-top:0}h2{font-family:roboto;font-size:2em}h3{font-size:18px}h3,h4{margin-top:0}h4{font-size:16px}h5{font-size:14px}h5,h6{margin-top:0}h6{font-size:12px}code{font-size:1.2em}ul{padding-inline-start:0}*{box-sizing:border-box}body{font-family:sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;height:34px;line-height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.game{display:flex;flex-direction:row;justify-content:center;padding-top:15px}.game-info{margin-left:20px}.topBar{align-content:center;align-items:center;align-self:center;display:flex;justify-items:center;list-style-type:none;margin:60px 0 0;overflow:hidden;position:fixed;width:100%;z-index:100000}.topBar ul{display:flex;flex-wrap:wrap;gap:2%;justify-content:center;list-style:none;margin:0;padding:0}.topBar li{display:inline-block;padding-bottom:6px;padding-top:6px;width:15%}.topBar .iconDiv li{margin-right:20%;width:80%}.topBar .iconDiv a{font-size:1.5vw}.topBar a:hover{border-radius:21px;transition:background-color 1s}.active,.topBar .iconDiv a:hover,.topBar a:hover{background-color:#fff}.active{border-radius:21px;transition:background-color 1s}.topBar a{box-shadow:0 0 1px #0000000d;color:#000;display:block;font-size:12px;outline:1px solid #0000;padding:12px 2px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .7s ease}.topBar .fillerDiv{display:inline-block;flex-grow:1;min-height:10px}.topBar .iconDiv{display:block;min-height:10px;width:5%}.topBar .content{background-color:#e9e9e9;border-radius:27px;display:block;height:54px;opacity:.9;width:600px}@media (min-width:200px){.topBar a{font-size:12px;padding-left:5px;padding-right:5px}.topBar a,.topBar li{transition:all .7s ease}.topBar li{display:inline-block;padding-bottom:6px;padding-top:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.topBar .content{border-radius:0;height:54px;transition:all .7s ease;width:100%}.topBar .iconDiv{transition:all .7s ease;width:0}.topBar{margin-top:40px;transition:all .7s ease}}@media (min-width:620px){.topBar a{font-size:12px}.topBar a,.topBar li{transition:all .7s ease}.topBar li{display:inline-block;padding:6px;width:18%}.topBar .content{border-radius:27px;height:54px;transition:all .7s ease;width:600px}.topBar .iconDiv{transition:all .7s ease;width:5%}.topBar{margin-top:60px;transition:all .7s ease}}@keyframes example{0%{background-color:#000}25%{background-color:#020918}50%{background-color:#0b1a3b}75%{background-color:#102450}to{background-color:#000}}.bannerBackground{animation-duration:15s;animation-iteration-count:infinite;animation-name:example;background-blend-mode:difference;background-color:#102450;background-image:url(https://images.unsplash.com/photo-1554034483-04fda0d3507b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-repeat:round;background-size:cover;transition:background-color 3s ease-in-out,height 1s ease-in-out}.banner{height:500px}.banner,.bannerExtended{display:flex;flex-direction:column;justify-content:end;transition:all .6s ease;width:100%}.bannerExtended{height:800px}.bannerFlex{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;margin-bottom:30px;margin-top:60px;text-align:center;width:100%}.bannerPicture{background-color:#000;border-radius:50%;height:130px;overflow:hidden;width:130px}.bannerPicture img{border-radius:50%;height:150px;transform:translateX(-3%) translateY(-3%);width:150px}.aboutMe{font-family:playFair;font-size:1.4em;margin-top:20px}.bannerExtension{height:30px;text-align:center}.bannerExtension,.bannerExtensionExtended{align-items:center;display:flex;flex-direction:column;justify-content:end;transition:all .6s ease}.bannerExtensionExtended{height:300px;width:100%}.bannerButton{border-radius:10px;opacity:.8;width:200px}@media (min-width:100px){.bannerFlex{margin-top:100px}}@media (min-width:500px){.bannerFlex{margin-top:60px}}@font-face{font-family:playFair;src:url(/static/media/PlayFairDisplay.bf46a6bcddc9999a295e.ttf)}.portfolioSections{background-color:#faf7f7;padding:2%}.portfolioSections input{border-color:#dfdfdf;border-radius:5px;border-style:solid;margin:8px;max-width:500px;padding-top:5px}.portfolioSections form{margin-top:20px}.contactEmail{height:30px;padding-bottom:5px}.portfolioSections .contactComment{padding-bottom:150px}.portfolioSections .contactButton{padding:7px}.portfolioSections .projects{margin-top:3%}.portfolioSections div{margin-bottom:100px;margin-top:-60px;scroll-margin-top:100px;text-align:center}.portfolioSections .skillsMain{margin-top:35px}.portfolioSections section{margin-bottom:100px;margin-top:-60px;scroll-margin-top:100px;text-align:center;z-index:-1}svg{transition:transform .2s ease-out;width:100px}svg:hover{transform:scale(1.15)}.skillsList{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;list-style:none;row-gap:30px}.portfolioSections .skills{margin-bottom:20px;min-height:400px}.skillsFiller{display:inline-block;flex-grow:1;min-height:10px}.skillsMain{display:inline-block;max-width:600px}@media (min-width:100px){svg{transition:transform .2s ease-out,width .5s;width:60px}.portfolioSections .experienceDiv,.portfolioSections .projectDiv{outline:none}}@media (min-width:1400px){svg{transition:transform .2s ease-out,width .5s;width:100px}.portfolioSections .experienceDiv,.portfolioSections .projectDiv{outline:auto;outline-color:#e4e4e4}}.projects div{margin-bottom:0;margin-top:0}.projects .projectsFlex{align-content:center;margin-bottom:0;margin-top:30px}.projectDiv{background-color:#f3f3f3;border-radius:30px;display:inline-block;height:auto;max-width:800px;min-height:220px;outline:auto;outline-color:#e4e4e4;transition:all .8s ease}.projectDiv:hover{background-color:#e4e4e4;transition:background-color .6s}.projectDescription{height:90%;margin-left:10px;outline:none;padding-left:2%;padding-right:2%;vertical-align:top;width:45%}.projectDescP,.projectDescription{display:inline-block;text-align:left}.projectDescP{height:auto;margin-top:10px;transition:all 1s ease}.projectImage{border-radius:5%;display:inline-flex;height:100%;margin-top:0;overflow:hidden;width:430px}.projectImage img{-webkit-backface-visibility:hidden;display:inline;height:140%;min-height:300px;object-position:20px 30px;outline:1px solid #0000;-webkit-perspective:1000;transform:translateZ(0);transform-origin:right;transition:all .2s ease-in-out;vertical-align:bottom;width:490px;will-change:transform}.projectDiv:hover .projectImage img{transform:rotate(-2deg) scale(1.03);transform-origin:right}.projectDiv:hover .projectCreatedUL img{transform:scale(1.07)}.projectDiv h3{margin-bottom:5px;margin-top:20px;text-align:left}.projectFiller{display:inline-block;flex-grow:1;min-height:10px}.projectCreatedWith{align-items:center;display:flex;height:40px;justify-content:left;text-align:left}.projectCreatedWith p{display:inline-block;height:18px;margin:0}.projectCreatedUL{align-items:center;display:inline-flex;flex-direction:row;gap:15px;list-style:none;padding-left:5px}.projectCreatedUL img{height:40px;padding:0;transition:transform .3s ease-in-out;width:40px}.projectDescription .projectLinks{display:flex;flex-direction:row;margin-bottom:15px;margin-top:20px}.projectDescription .projectLink{background-color:#eee;border:1px solid #8b8b8b;border-radius:15px;color:#333;height:40px;margin-right:10px;text-align:center;text-decoration:none;transition:all .1s ease-in-out;vertical-align:middle;width:100px}.projectLink:hover{background-color:#e7e7e7;transform:scale(1.03)}.projectLink img{margin-bottom:5px;margin-right:10px;vertical-align:middle;width:20px}.projectLink p{line-height:38px;vertical-align:middle}@media (min-width:200px){.projectCreatedWith p{font-size:.7em}.projectDiv{background-color:#f3f3f3;border-radius:30px;display:inline-block;height:auto;max-width:600px;outline:auto;outline-color:#e4e4e4;transition:all .8s ease}.projectDescription{display:inline-block;height:100%;margin-left:10px;outline:none;padding-left:2%;padding-right:2%;text-align:left;vertical-align:top;width:90%}.projectDescP{height:auto;margin-top:10px;text-align:left;transition:all 1s ease}}@media (min-width:550px){.projectCreatedWith p{font-size:.9em}.projectDiv{background-color:#f3f3f3;border-radius:30px;display:inline-block;max-width:500px;outline:auto;outline-color:#e4e4e4;transition:all .8s ease}.projectDescP{margin-top:10px;min-height:50px;text-align:left;transition:all 1s ease}}@media (min-width:850px){.projectCreatedWith p{font-size:1em}.projectDiv{background-color:#f3f3f3;border-radius:30px;display:inline-block;max-width:800px;outline:auto;outline-color:#e4e4e4;transition:all .8s ease}.projectDescription{display:inline-block;height:90%;margin-left:10px;outline:none;padding-left:2%;padding-right:2%;text-align:left;vertical-align:top;width:45%}.projectDescP{margin-top:10px;text-align:left;transition:all 1s ease}}.experience .experienceFlex,.experience div{margin-bottom:0;margin-top:0}.experience .experienceFlex{display:block;height:300px}.experienceDiv{background-color:#f3f3f3;border-radius:1%;display:inline-block;height:250px;margin-bottom:10px;margin-top:10px;max-width:500px;outline:auto;outline-color:#e4e4e4;transition:all .6s ease}.experienceDiv:hover{outline-color:#c9c9c9;transition:outline-color .6s}.experience .experienceDescription{display:inline-block;height:85%;margin-top:10px;outline:none;padding-left:2%;padding-right:2%;text-align:left;vertical-align:top;width:95%}.experienceDescription p{text-align:left}.experienceDescription ul{margin:0}.experienceTop{align-items:center;display:flex;flex-direction:row;gap:10%}.experienceYear{text-align:right;width:180px}.experienceJob{width:350px}.experienceDiv h3{margin-bottom:10px;margin-top:10px;text-align:left}.experienceDiv h4{font-size:14px;font-weight:500;text-align:left}.experienceYear h4{font-size:14px;font-weight:500;text-align:right;width:160px}.experienceFiller{display:inline-block;flex-grow:1;min-height:10px}.experienceDiv li{margin-bottom:10px}@media (min-width:100px){.experienceYear h4{font-size:14px;font-weight:500;text-align:right;width:160px}.experienceDiv{display:block;height:340px;transition:all .5s}.experience .experienceFlex{margin-top:80px}.portfolioSections .experience{height:850px;transition:all .5s}}@media (min-width:370px){.experienceYear h4{font-size:14px;font-weight:500;text-align:right;width:160px}.experienceDiv{display:block;height:300px;transition:all .5s}.experience .experienceFlex{margin-top:30px}.portfolioSections .experience{height:790px;transition:all .5s}}@media (min-width:530px){.experienceDiv{display:inline-block;height:250px;transition:all .5s}.experience .experienceFlex{margin-top:10px}.portfolioSections .experience{height:720px;transition:all .5s}}.sortingAlgCont,.sortingAlgPageCont{margin:30px;text-align:center}.SortingButtonCont{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;justify-content:center;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sortingControlLeft,.sortingControlRight{align-items:center;display:block;flex:1 1}.sortingControlLeft>input,.sortingControlLeft>label{display:block}.sortingControlCenter,.sortingControlLeft,.sortingControlRight{justify-content:center}.sortingControlCenter{display:flex;flex:0 1}.SortingButtonCont input[type=range]{width:150px}.backButton{background-color:#f0f0f0;border:1px solid #aaa;border-radius:6px;color:#000;font-size:16px;margin:5px;padding:2px 22px;text-decoration:none;transition:background-color .2s ease}.backButton:hover{background-color:#ddd}.sortingControlRight>button{background-color:#f0f0f0;border:1px solid #aaa;border-radius:6px;color:#000;margin:5px;padding:2px 22px;text-decoration:none;transition:background-color .2s ease}.sortingControlRight>button:hover{background-color:#ddd}@media (min-width:200px){.backButton,.sortingControlRight>button{font-size:12px;padding:2px 12px}.SortingButtonCont input[type=range]{width:80px}.sortingAlgPageCont{margin:0}}@media (min-width:550px){.backButton,.sortingControlRight>button{font-size:14px;padding:2px 12px}.SortingButtonCont input[type=range]{width:120px}}@media (min-width:850px){.backButton,.sortingControlRight>button{font-size:16px;padding:2px 22px}.SortingButtonCont input[type=range]{width:150px}}
/*# sourceMappingURL=main.40f07163.css.map*/