body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.home{display:grid;grid-template-columns:auto;grid-gap:2vw}.home-section-1{display:grid;grid-template-columns:30% 67%;background-color:hsla(0,0%,91%,.5);border-radius:2vw;padding:4vh 1vw;border:1px solid #8ea7ff;-webkit-animation:fadeUp .25s both;animation:fadeUp .25s both}.hs1-item{transition:.25s}.hs1-img-div{padding:4vw;margin:auto 0;text-align:center}.img{width:70%}.social-media{opacity:.5;font-size:1vw;transition:.25s;margin:0 .2vw}.social-media:hover{opacity:1;color:#8ea7ff}.hs1-img-div-about{padding:1vw 4vw;background-color:hsla(0,0%,100%,.75);border-radius:2vw}.hs1-title{font-size:1vw;opacity:.5;font-weight:900;margin-bottom:0}.hs1-p{margin-top:1vh;font-size:1.2vw;opacity:.5}.hs1-skill-tools-grid{display:grid;grid-gap:2vw;grid-template-columns:60% 40%}.hs1-list{display:grid;grid-template-columns:auto auto auto}.hs1-ss-ul{margin-top:1vh;padding-left:0}.hs1-ss-li{list-style:none;font-size:1vw;font-weight:200;margin-bottom:1vh}.ss-title{margin-top:.5vh;margin-bottom:.5vh;font-weight:600;font-size:1.2vw}.hs1-tools-img{width:100%}.fig{width:70%}.vs{width:180%}.hs1-tis-container{display:grid;grid-template-columns:auto auto auto}.hs1-tis-item{margin-top:1vh;width:3vw}.home-section-2{-webkit-animation:fadeUp .25s .25s both;animation:fadeUp .25s .25s both}.home-section-2,.hs2-item{display:grid;grid-template-columns:auto;border-radius:3vw}.hs2-item{height:70vh;background-color:hsla(0,0%,91%,.5);padding:4vh 3vw;margin-bottom:10vh;transition:.25s;cursor:pointer}.hs2-item:hover{transform:translatey(-2vh);color:#000}.hs2-recent-tit{opacity:.5}.hs2-pro-des{margin-bottom:0;opacity:.5;font-size:1.2vw;transition:.25s}.hs2-pro-tit{margin:1vh 0;font-size:2vw;font-weight:900;transition:.25s}.hs2-item:hover .hs2-pro-des,.hs2-item:hover .hs2-pro-tit{color:#000}.hs2-pro-logo{margin:0 auto;width:20vw}.project{display:grid;grid-template-columns:auto;grid-gap:3vw}.project-section-1{grid-template-columns:auto auto;grid-gap:5vw;-webkit-animation:fadeUp .25s both;animation:fadeUp .25s both}.project-section-1,.ps1-item{display:grid;border-radius:3vw}.ps1-item{height:70vh;grid-template-columns:auto;background-color:hsla(0,0%,91%,.5);padding:4vh 3vw;transition:.25s;cursor:pointer}.ps1-item:hover{transform:translatey(-2vh)}.ps1-pro-des{margin-bottom:0;opacity:.5;font-size:1.2vw;transition:.25s}.ps1-pro-tit{margin:1vh 0;font-size:2vw;font-weight:900;transition:.25s}.ps1-item:hover .ps1-pro-des,.ps1-item:hover .ps1-pro-tit{color:#000}.ps1-pro-logo{margin:0 auto;width:20vw}.photgraphy{display:grid;grid-template-columns:auto;grid-gap:5vh}.photo-view-section-1{display:grid;grid-template-columns:auto;background-color:hsla(0,0%,91%,.5);border-radius:3vw;padding:4vh 3vw;margin-bottom:10vh;transition:.25s;-webkit-animation:fadeUp .5s both;animation:fadeUp .5s both}.phs1-ul{margin-top:0;margin-left:0;padding:0}.phs1-li{display:inline-block;list-style:none;margin:1vw;opacity:.5;transition:.25s;font-weight:400;font-size:1.1vw;cursor:pointer}.phs1-li:hover{opacity:1}.phs1-container{-webkit-column-count:2;column-count:2;grid-column-gap:2vw;-webkit-column-gap:2vw;column-gap:2vw}.phs1-img{margin-bottom:2vw;width:100%;border-radius:1vw;-webkit-animation:fadeUp .5s .3s both;animation:fadeUp .5s .3s both}.pro-img{width:28vw}.Labs-section-1{display:grid;grid-template-columns:auto;grid-gap:10vh;-webkit-animation:fadeUp .25s;animation:fadeUp .25s}.pokemon-container{width:12vw;margin:4vw auto auto;padding:2vw;background-color:hsla(0,0%,91%,.5);border-radius:2vw;transition:.25s;cursor:pointer}.pokemon-container:hover{transform:translatey(-5%)}.pro-tit{font-size:1.3vw;font-weight:300;margin:0 0 3vh}.poke-img{width:100%}.rand-btn{text-align:center;width:10vw;margin:2vh 5vw 2vh 18vw;padding:1vw;color:#fff;font-size:1vw;font-weight:600;background-color:#1e1e1e;border-radius:1vw;border:none;transition:.25s;cursor:pointer}.rand-btn:hover{background-color:#fefefe;border:2px solid #000;color:#000}.pws1-poke-imgs{width:100%;border-radius:2vw}.mobile-meny{margin:5vh 5vw 5vh 3vw;width:4vw;height:6vh;z-index:300;cursor:pointer;-webkit-animation:fadeUp .5s .5s both;animation:fadeUp .5s .5s both}.top-meny{width:22px}.middle-meny,.top-meny{margin:10px;height:3px;background-color:#141414;border-radius:20px}.middle-meny{width:44px}.bottom-meny{margin:10px;width:21px;height:3px;background-color:#141414;border-radius:20px}@-webkit-keyframes topMeny-ani{0%{transform:rotate(0deg)}50%{transform:translate(50%,100%) rotate(90deg)}to{transform:translate(10%,200%) rotate(45deg);opacity:.5;background-color:#fff9f0}}@keyframes topMeny-ani{0%{transform:rotate(0deg)}50%{transform:translate(50%,100%) rotate(90deg)}to{transform:translate(10%,200%) rotate(45deg);opacity:.5;background-color:#fff9f0}}@-webkit-keyframes btmMeny-ani{0%{transform:rotate(0deg)}50%{transform:translate(50%) rotate(-90deg)}to{transform:translate(85%,-150%) rotate(-135deg);opacity:.5;background-color:#fff9f0}}@keyframes btmMeny-ani{0%{transform:rotate(0deg)}50%{transform:translate(50%) rotate(-90deg)}to{transform:translate(85%,-150%) rotate(-135deg);opacity:.5;background-color:#fff9f0}}@-webkit-keyframes midMeny-ani{0%{transform:rotate(0deg)}to{transform:rotate(-45deg);background-color:#fff9f0}}@keyframes midMeny-ani{0%{transform:rotate(0deg)}to{transform:rotate(-45deg);background-color:#fff9f0}}@-webkit-keyframes topMeny-close-ani{0%{transform:translate(10%,200%) rotate(45deg);opacity:.5}50%{transform:translate(50%,100%) rotate(90deg)}to{transform:translate(0) rotate(0deg);opacity:1}}@keyframes topMeny-close-ani{0%{transform:translate(10%,200%) rotate(45deg);opacity:.5}50%{transform:translate(50%,100%) rotate(90deg)}to{transform:translate(0) rotate(0deg);opacity:1}}@-webkit-keyframes btmMeny-close-ani{0%{transform:translate(85%,-150%) rotate(-135deg);opacity:.5}50%{transform:translate(50%) rotate(-90deg)}to{transform:translate(0) rotate(0deg);opacity:1}}@keyframes btmMeny-close-ani{0%{transform:translate(85%,-150%) rotate(-135deg);opacity:.5}50%{transform:translate(50%) rotate(-90deg)}to{transform:translate(0) rotate(0deg);opacity:1}}@-webkit-keyframes midMeny-close-ani{0%{transform:rotate(-45deg)}to{transform:rotate(0deg)}}@keyframes midMeny-close-ani{0%{transform:rotate(-45deg)}to{transform:rotate(0deg)}}.mobile-meny-open{display:block;opacity:1}.mobile-meny-open,.mobile-meny-open-close{position:fixed;width:100vw;height:100vh;background-color:#141414;z-index:200;justify-content:center;transition:.25s}.mobile-meny-open-close{display:none;opacity:0}body{background-color:#fff;font-family:"Inter",sans-serif;transition:.3s;margin:0;padding:0}a{color:#000;text-decoration:none}button{outline:none}.App{margin:1vh 10vw;grid-template-columns:auto;grid-gap:2vw}.App,.meny{display:grid}.meny{grid-template-columns:auto auto;margin-bottom:2vw}.light-dark-div{visibility:hidden;float:left;margin:5vh 0 0}.light-dark-btn{margin-top:1vw;font-weight:400;font-size:1.1vw;background-color:transparent;border:none;opacity:.5;transition:.25s;cursor:pointer}.meny-ul{float:right;margin:5vh 0 0 5vw}.meny-li{display:inline-block;list-style:none;margin:1vw;opacity:.5;transition:.25s;font-weight:400;font-size:1.1vw;cursor:pointer}.light-dark-btn:hover,.meny-li:hover{opacity:1}.code-block-container{margin-top:2vw;width:100%;height:60vh;display:grid;grid-template-columns:30vw auto;transition:.25s;border-radius:3vw;box-shadow:0 0 20px rgba(0,0,0,.25)}.cb-item{padding:2vh 2vw}.cb-code{background-color:#292c33;color:#fff;border-radius:3vw 0 0 3vw;overflow:hidden}.cb-title-lang-con{padding:1vh 1vw;display:grid;grid-template-columns:auto auto}.cb-pro-des{margin-bottom:0;opacity:.5;font-size:1.1vw;color:#fff}.cb-pro-tit{margin:1vh 0;font-size:1.4vw;font-weight:400;color:#fff}.cb-lang-but{float:right;margin-top:2.8vw;background-color:hsla(0,0%,100%,0);border:none;color:#fff;font-size:1.2vw}.cb-playground{border-radius:0 3vw 3vw 0}.javascript{font-size:.8vw}.cb-code-pure{height:100%;width:100%;overflow-y:scroll;margin-bottom:2vh}@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeUpHalf{0%{opacity:0;transform:translateY(20px)}to{opacity:.5;transform:translateY(0)}}@keyframes fadeUpHalf{0%{opacity:0;transform:translateY(20px)}to{opacity:.5;transform:translateY(0)}}@-webkit-keyframes fadeRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeRightHalf{0%{opacity:0;transform:translateX(-20px)}to{opacity:.5;transform:translateX(0)}}@keyframes fadeRightHalf{0%{opacity:0;transform:translateX(-20px)}to{opacity:.5;transform:translateX(0)}}.res{margin:50vw auto auto}@media screen and (min-width:1068px){.theApp{display:block}.res{display:none}}@media screen and (max-width:1068px) and (min-width:5px){.theApp{display:none}.res{display:block}}.back{font-size:1.1vw;transition:.25s;opacity:.5;width:2vw}.back:hover{opacity:1}.project-view{display:grid;grid-template-columns:auto;grid-gap:5vh;-webkit-animation:fadeUp .25s both;animation:fadeUp .25s both}.project-view-section-1{display:grid;grid-template-columns:18vw auto}.pws1-pro-des{margin-bottom:0;opacity:.5;font-size:1.2vw;-webkit-animation:fadeRightHalf .25s .25s both;animation:fadeRightHalf .25s .25s both}.pws1-pro-tit{margin:1vh 0;font-size:2vw;-webkit-animation:fadeRight .35s .35s both;animation:fadeRight .35s .35s both}.pws1-pro-descript{margin-bottom:0;font-size:1.2vw;-webkit-animation:fadeRight .45s .45s both;animation:fadeRight .45s .45s both}.pws1-logo{margin:auto 2vw auto 0;width:15vw;-webkit-animation:fadeUp .6s .6s both;animation:fadeUp .6s .6s both}.pws1-pro-logo{width:15vw}.project-view-section-2{display:grid;grid-template-columns:auto;grid-gap:10vh;-webkit-animation:fadeUp .7s .8s both;animation:fadeUp .7s .8s both}.pws1-nike-imgs{width:100%}
/*# sourceMappingURL=main.68086c34.chunk.css.map */