@import"https://fonts.googleapis.com/css2?family=Mohave&family=Racing+Sans+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Mohave&family=Racing+Sans+One&family=Roboto:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo:wght@500&family=Noto+Sans+JP:wght@600&display=swap";*{margin:0;padding:0}a,a:active{color:inherit}.centre{text-align:center}body{margin:0;font-family:Helvetica,sans-serif;background-color:#728261}.content{width:70%;padding:5% 15%}.content ul{width:500px;margin:auto}.content ul li p{font-size:26px}@font-face{font-family:digitalsymbols;src:url(/font/Digitalsymbols-56BG.ttf)}.digitalfont{font-family:digitalsymbols,sans-serif}p{font-size:1.2em}.title{font-family:Exo,sans-serif;color:#075727}.title-top{letter-spacing:-.031em}.title-bottom{letter-spacing:-.13em;margin-top:-15px}.title a{color:#fff}h3{margin-top:.4em;margin-bottom:.4em}.skill-icon{height:20px;width:20px;justify-content:center;align-items:center}.osrs{color:#f2f204;text-shadow:1px 1px #000}.osrs-grid{border:1px solid #000;border-radius:5px;background-color:#494035}a{color:#000}.header{box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);position:fixed;height:70px;z-index:3}.header,.header ul{background-color:#fff;width:100%;background-color:#e7e7df}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.header ul,.header ul li{height:100%}.flag-click-mobile{cursor:pointer}.flag-click-mobile img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header li a{display:block;padding:25px 0;text-decoration:none;height:20px;width:100%;font-size:14pt;text-align:center;font-weight:700;border-top:1px solid #7b9474}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4;background-color:#7b9474}.header .logo{display:block;float:left;font-size:2em;padding:10px 20px;text-decoration:none}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out;width:100%;height:100%}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:33px 30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:240px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.parent{max-width:1280px;margin:auto;display:none}@media(min-width:48em){.header li{float:left}.flag-click{cursor:pointer;position:relative;border-right:1px solid #7b9474}.flag-click img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header li a{padding:25px 30px;width:86px;border-top:0}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}.parent{display:grid;grid-template-columns:1.44em 1fr 1fr 1fr 1fr .5fr .5fr .5fr 64px;grid-column-gap:0;grid-row-gap:0}.burger-menu{display:none}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:1/3/2/4}.div4{grid-area:1/4/2/5}.div5{grid-area:1/5/2/6}.div6{grid-area:1/6/2/7}.div6,.div7{border-right:1px solid #7b9474}.div7{grid-area:1/7/2/8}.div8{grid-area:1/8/2/9;border-right:1px solid #7b9474}.div9{grid-area:1/9/2/10}}footer{width:100%;height:200px;background-color:#bbbcb6;position:relative;box-shadow:-1px -1px 4px 0 rgba(0,0,0,.1);display:grid;grid-template-rows:1fr .25fr;grid-template-columns:1fr;margin-top:1.5em}footer .copyright{font-size:10pt}.main-parent{display:grid;grid-template-columns:repeat(1fr,5);grid-template-rows:.05fr 2fr .05fr 2fr .05fr 2fr .05fr;height:100%;min-height:1200px}.main-div-1{grid-area:2/1/3/2}.main-div-2{grid-area:4/1/5/2}.main-div-3{grid-area:6/1/7/2}.index-divs{border-radius:5px;background-color:#dbdcd4;height:100%;width:100%;box-shadow:1.4px 1.4px 2.2px rgba(54,67,43,.03),3.3px 3.3px 5.3px rgba(54,67,43,.038),6.3px 6.3px 10px rgba(54,67,43,.043),11.2px 11.2px 17.9px rgba(54,67,43,.047),20.9px 20.9px 33.4px rgba(54,67,43,.053),50px 50px 80px rgba(54,67,43,.07);display:grid;grid-template-columns:20px 1fr 20px;grid-template-rows:20px 1fr 20px}.index-divs .index-child{grid-area:2/2/3/3}.index-sections{margin-top:31px}.index-me{display:initial}.index-img{margin:auto auto 1.5em;display:block;border-radius:5px}.table-text{font-size:small}@media(min-width:52em){.main-parent{display:grid;grid-template-columns:.25fr 1fr 1fr 1fr 1fr .2fr 1fr 1fr 1fr 1fr .25fr;grid-template-rows:.25fr 1fr 1fr 1fr 1fr 1fr .25fr 1fr 1fr 1fr 1fr .25fr;grid-column-gap:0;grid-row-gap:0;height:1200px}.main-div-1{grid-area:2/2/12/6}.main-div-2{grid-area:2/7/7/11}.main-div-3{grid-area:8/7/12/11}.index-me,.me-img{display:flex}.me-img{justify-content:center;align-items:center}.me-img,.me-text{width:50%}.index-img{display:block;margin:auto}}.album{min-width:90px;min-height:90px;max-width:160px;position:relative;display:inline-block}.album .album-title{position:absolute;top:0;min-width:160px;width:auto;background-color:rgba(123,148,116,.85);font-size:small}.album:nth-child(odd){margin-left:auto}.album-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.steam-game{display:flex;justify-content:center}.project-div{border-radius:5px;background-color:#dbdcd4;height:100%;width:100%;box-shadow:1.4px 1.4px 2.2px rgba(54,67,43,.03),3.3px 3.3px 5.3px rgba(54,67,43,.038),6.3px 6.3px 10px rgba(54,67,43,.043),11.2px 11.2px 17.9px rgba(54,67,43,.047),20.9px 20.9px 33.4px rgba(54,67,43,.053),50px 50px 80px rgba(54,67,43,.07);margin-top:31px;padding:1em 0 2em}.project{width:90%;margin:auto}.project .project-title{margin-bottom:1em}.project-intro .project-intro-text .top-text{display:flex;justify-content:space-evenly}.project-intro .project-intro-img img{display:block;margin:auto}.technologies{display:flex;justify-content:space-between}.technologies .column{width:50%}.tech-list{margin-left:.5em;list-style:none}.years{display:flex;justify-content:space-evenly;padding-top:1.5em;padding-bottom:1.5em}.year{padding:.5em;margin-left:1.5em}.divider{width:75%;height:2px;border-radius:15px;background:#bbbcb6;margin:1em auto}@media(min-width:48em){.project{width:50%}}