body{background-color:#000;font-family:"Arial",sans-serif;margin:0;padding:0}.portfolio-root{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dadada;display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 768px){.portfolio-root{flex-direction:column;justify-content:start;height:auto;width:100%}}.portfolio-root .portfolio-sidedock{position:relative;top:0;left:0;width:20%;min-width:300px;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;border-right:1px solid #c4c4c4;box-shadow:0 0 2rem 0 rgba(0,0,0,.53);background-color:#f2f2f2}@media screen and (max-width: 768px){.portfolio-root .portfolio-sidedock{height:auto;width:100%}.portfolio-root .portfolio-sidedock.list{display:none}}.portfolio-root .portfolio-sidedock .sidedock-cv-download{cursor:pointer;width:100%;margin:0rem 1rem;text-align:center;color:#fff;background-color:#930a0a;font-size:1.5rem;transition:.5s;mix-blend-mode:hard-light}.portfolio-root .portfolio-sidedock .sidedock-cv-download:hover{mix-blend-mode:normal;background-color:#ce2727}.portfolio-root .portfolio-sidedock .sidedock-return-button{position:relative;width:100%;text-align:center;font-size:1.25rem;margin-top:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.portfolio-root .portfolio-sidedock .sidedock-image{position:relative;width:100%;min-height:100px}.portfolio-root .portfolio-sidedock .sidedock-desc{position:relative;width:calc(100% - 3rem);padding:2rem 1.5rem;min-height:50px;background:linear-gradient(180deg, rgba(154, 154, 154, 0.29), rgba(255, 255, 255, 0));font-style:italic;font-size:1.25rem;text-align:center}.portfolio-root .portfolio-sidedock .project-links{position:relative;width:50%;min-height:100px;margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:start}.portfolio-root .portfolio-sidedock .project-links .project-link{position:relative;display:flex;justify-content:left;align-items:center;padding:2px 2px;cursor:pointer}.portfolio-root .portfolio-sidedock .project-links .project-link span{margin-left:1.5rem;font-size:1.1rem}.portfolio-root .portfolio-sidedock .project-links .project-link img{width:40px;height:40px}.portfolio-root .portfolio-sidedock .project-links .project-link:hover{padding:0px}.portfolio-root .portfolio-sidedock .project-links .project-link:hover img{width:44px;height:44px}.portfolio-root .portfolio-sidedock .project-links .project-link:hover span{font-weight:bold}.portfolio-root .portfolio-sidedock .project-chips{position:relative;width:100%;margin:2rem .5rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.portfolio-root .portfolio-sidedock .project-chips .chip{position:relative;background-color:#d9d9d9;padding:.5rem;margin:.2rem;border-radius:.5rem}.portfolio-root .portfolio-content{position:relative;float:right;width:calc(100% - 6rem);max-width:calc(100% - 300px - 6rem);height:calc(100% - 6rem);padding:3rem;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;overflow:hidden;overflow-y:auto}@media screen and (max-width: 768px){.portfolio-root .portfolio-content{float:left;width:100%;max-width:100%;height:auto;padding:0;margin:0;overflow:visible}}.portfolio-root .portfolio-content .project-title{position:relative;width:100%;margin:0rem 0;font-size:3rem;font-weight:bold;text-align:center;color:#3d3d3d}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .project-title{margin:1rem 0;margin-top:3rem;font-size:2rem}}.portfolio-root .portfolio-content .project-screenshot{position:relative;width:auto;max-width:100%;max-height:600px;min-height:200px;height:auto;box-shadow:0 0 20px 0 rgba(0,0,0,.248)}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .project-screenshot{margin:1rem;max-width:calc(100% - 2rem)}}.portfolio-root .portfolio-content .project-screenshots{position:relative;width:100%;height:100px;display:flex;justify-content:start;align-items:center;border-radius:.25rem;overflow-x:auto;overflow-y:hidden;background-color:#3d3d3d}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .project-screenshots{border-radius:0;border-top:2px solid #000}}.portfolio-root .portfolio-content .project-screenshots .project-screenshot-selectable{position:relative;border:1px solid #3d3d3d;max-height:90px;max-width:90px;margin:0rem 1rem;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}.portfolio-root .portfolio-content .project-desc{position:relative;width:100%;font-size:1.2rem;padding:2rem;background-color:#3d3d3d;color:#fffdec;border-radius:.5rem}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .project-desc{padding:1rem;margin:1rem}}.portfolio-root .portfolio-content .list-spacer{position:relative}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .list-spacer{height:1.5rem;width:100%}}.portfolio-root .portfolio-content .project-box{position:relative;width:250px;min-width:250px;height:400px;margin:1.5rem;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.248);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .project-box{aspect-ratio:1/1;width:calc(100% - 3rem);height:auto;margin:1rem}}.portfolio-root .portfolio-content .project-box .project-box-title{position:relative;width:100%;height:60px;color:#fffdec;background-color:rgba(61,61,61,.7568627451);transition:height .5s;display:flex;justify-content:center;align-items:center;pointer-events:none}.portfolio-root .portfolio-content .project-box .project-box-title .title-text{font-size:1.25rem;mix-blend-mode:normal}.portfolio-root .portfolio-content .project-box .proff-project-marker{position:absolute;bottom:-12px;right:-52px;width:0px;height:0px;border-left:80px solid rgba(0,0,0,0);border-right:80px solid rgba(0,0,0,0);border-top:80px solid rgba(61,61,61,.7568627451);transform:rotate(-45deg)}.portfolio-root .portfolio-content .project-box .proff-project-marker-icon{position:absolute;bottom:10px;right:10px;width:40px;height:40px;background-size:cover;background-position:center;background-repeat:no-repeat}.portfolio-root .portfolio-content .project-box:hover{cursor:pointer}.portfolio-root .portfolio-content .project-box:hover .project-box-title{height:100%}.portfolio-root .portfolio-content .project-box:hover .project-box-title .title-text{font-weight:bold}.portfolio-root .portfolio-content .copyright{position:absolute;top:.25rem;right:.25rem;font-size:.75rem;color:#4e4e4e}@media screen and (max-width: 768px){.portfolio-root .portfolio-content .copyright{position:absolute;top:.25rem;right:0;width:100%;font-size:.6rem;text-align:center}}.home-root{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dadada}.home-root .background{position:absolute;top:0;left:0;width:100%;height:100%;cursor:none}.home-root .content{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;cursor:none}.home-root .content .title{font-size:4rem;font-weight:bold;margin:3rem 4rem;color:#fff;text-shadow:0px 0px 100px #000;padding:0 1rem;border:8px solid #fff}.home-root .content s .sub-title{width:75%;margin:0px 0px 100px 0px;padding:0px;font-size:1.5rem;text-align:center;color:#670000}.home-root .content .links{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.home-root .content .links .link{cursor:pointer;width:250px;padding:1rem;margin:1rem;text-align:center;color:#fff;background-color:#930a0a;font-size:1.5rem;transition:.5s;mix-blend-mode:hard-light}.home-root .content .links .link:hover{mix-blend-mode:normal;background-color:#ce2727}.home-root .content .game-link{cursor:pointer;background-color:#930a0a;color:#fff;border:2px solid #a90000;font-size:2rem;margin:.75rem;margin-top:5rem;padding:2rem 5rem;transition:.5s;mix-blend-mode:hard-light}.home-root .content .game-link:hover{mix-blend-mode:normal;background-color:#ce2727;border:2px solid #df0000}@media screen and (max-width: 768px){.home-root .content .game-link{padding:1rem 2rem;font-size:1.5rem;margin-top:2rem}}.home-root .content .error{color:red;font-size:1.25rem;font-weight:bold;margin:4rem}.home-root .content .copyright{position:absolute;top:.25rem;right:.25rem;font-size:.75rem}