@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@700&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);:root{--primary-color:#e96224;--hover-color:#f60}button:focus,input:focus{outline:none;box-shadow:none}a,a:hover{text-decoration:none}body{font-family:"Roboto",sans-serif}.wheel-spin-box{position:relative;display:inline-block;width:100%;max-width:100vh}#spinwheel{position:relative;width:80%;margin:auto}.wheeldotsround{position:absolute;width:100%;height:100%}.wheeldotsround .wheeldots{width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;z-index:1}.wheeldotsround .wheeldots:nth-child(odd){background:#fff}.wheeldotsround .wheeldots.active-dots{background:#ff8400}.wheeldotsround .wheeldots.active-dots:nth-child(odd){background:#2660a4}.wheeldotsround .wheeldots:first-child{left:calc(50% - 4px);top:3px}.wheeldotsround .wheeldots:nth-child(2){right:25%;top:7%}.wheeldotsround .wheeldots:nth-child(3){right:7%;top:25%}.wheeldotsround .wheeldots:nth-child(4){right:3px;top:50%}.wheeldotsround .wheeldots:nth-child(5){right:8.2%;bottom:23%}.wheeldotsround .wheeldots:nth-child(6){right:25%;bottom:7%}.wheeldotsround .wheeldots:nth-child(7){left:calc(50% - 4px);bottom:3px}.wheeldotsround .wheeldots:nth-child(8){left:25%;bottom:7%}.wheeldotsround .wheeldots:nth-child(9){left:8.2%;bottom:23%}.wheeldotsround .wheeldots:nth-child(10){left:3px;top:50%}.wheeldotsround .wheeldots:nth-child(11){left:7%;top:25%}.wheeldotsround .wheeldots:nth-child(12){left:25%;top:7%}#spinwheel svg{width:100%;height:100%;border:15px solid #222;border-radius:50%;background:#222}.wheel-spin-box .chartholder .slice path{fill:grey}.wheel-spin-box .chartholder .slice:nth-child(odd) path{fill:#0f0f0f}.wheel-spin-box .chartholder .slice:first-child path{fill:#f7eb39}.wheel-spin-arrow{position:relative;margin-top:-35px;text-align:center;z-index:1}.wheel-spin-arrow svg{max-width:65px}.spin-click-button{background-color:#000;font-size:14px;font-weight:600;color:#fff;border:none;padding:14px 35px;border-radius:15px}.winIndicator{fill:#fff}.Photo{background-image:url(https://qvist.dev/portrait.png)}.project1{background-image:url(https://via.placeholder.com/400x600.png?text=Project+one);cursor:none}.project2{background-image:url(https://via.placeholder.com/400x600.png?text=Project+two);cursor:none}.project3{background-image:url(https://via.placeholder.com/400x600.png?text=Project+three);cursor:none}.project4{background-image:url(https://via.placeholder.com/400x600.png?text=Project+four);cursor:none}.project5{background-image:url(https://via.placeholder.com/400x600.png?text=Project+five);cursor:none}.project6{background-image:url(https://via.placeholder.com/400x600.png?text=Project+six);cursor:none}.misc1{background-image:url(https://via.placeholder.com/400x600.png?text=Miscellaneous+one);cursor:none}.misc2{background-image:url(https://via.placeholder.com/400x600.png?text=Miscellaneous+two);cursor:none}.misc3{background-image:url(https://via.placeholder.com/400x600.png?text=Miscellaneous+three);cursor:none}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#fff}html.dark-mode{background-color:#000}button:focus{outline:1px solid #777!important}.lead{font-weight:400}.bg-danger{background-color:var(--primary-color)!important}.Header{text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column;height:100vh;font-family:Montserrat,sans-serif}.Header h1{color:#000;text-align:center;font-size:5.5rem;position:absolute}.Header p{margin-top:125px}.particle{position:absolute!;margin:-100vh 0 0!important}.underline{text-decoration:underline;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.skills{padding:3%}.progress-block{padding:10px 0}.progress-block h2{font-size:x-large}.dark-mode,.dark-mode>iframe,.inverse-dark{filter:invert(1) hue-rotate(180deg);-webkit-filter:invert(1) hue-rotate(180deg);-moz-filter:invert(1) hue-rotate(180deg)}.effect2{position:relative;width:70%;background:#fff;padding:5%;margin:10% auto;border-bottom:1px solid #777!important}.effect2:after,.effect2:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.effect2:after{-webkit-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}.Photo{background-color:#fff;background-size:contain;background-repeat:no-repeat}.Photo.inverse-dark{background-color:#000}.about-text{width:80%;padding:2%}.red-line{color:var(--primary-color);font-weight:500}.About-title-box{box-sizing:border-box;width:50%;padding-bottom:5px;border-bottom:2px solid var(--primary-color);margin-bottom:15px}.skill__square{display:inline;margin:15px 0!important}.skill__square i{font-size:50px!important;color:#777!important;height:20px}.skill__square h6{text-align:center;margin:auto;font-size:1em;padding-top:5px}.skill__square i:hover{color:#ff4753!important}.third{width:75%;margin:10% auto;align-items:center;padding:3%;justify-content:center}.project-card{padding:15px;margin-top:15px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);border:.5px solid #eee}.project-card h2{color:var(--primary-color);margin-top:10px;margin-left:3%;font-weight:500}.project-card h2:hover{color:var(--hover-color);text-decoration:none}.project-card h3{text-align:left;font-size:1rem;margin-left:3%}.image-project{height:300px;width:auto;margin-bottom:20px;overflow:hidden;cursor:pointer!important}.img-pro{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;transition:all .5s}.image-project:hover .img-pro{-webkit-transform:scale(1.2);transform:scale(1.2)}.pp-head{text-align:center}.pp-head-line{box-sizing:border-box;width:30%;padding-bottom:5px;border-bottom:2px solid var(--primary-color);margin-bottom:15px}.pp-text{font-size:1.5rem}.parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.git-form{width:1160px;box-sizing:border-box;display:block;margin:3rem 3rem 0;background-color:#fff;max-height:80vh}.git-head-div{box-sizing:border-box;padding-top:5%;padding-bottom:15px;width:30%;border-bottom:3px solid #000;color:#000;font-weight:500;text-align:center}.git-cont,.half{display:inline-block}.half{vertical-align:top}.half form input,textarea{width:100%;margin:10px;padding:10px;border-radius:5px;outline:0;box-shadow:none;border:1px solid #777}.half form textarea{padding-bottom:45px}.half form input:focus,textarea:focus{border-radius:5px;outline:0;box-shadow:none;border:1px solid var(--primary-color)}.half form button{padding:10px 15px;font-size:1rem;border-radius:2rem;color:#fff;background-color:var(--primary-color);box-shadow:none;outline:0;border:none;margin-top:20px;margin-left:20px}.half form button:hover{background-color:var(--hover-color)}.half form{padding:3rem 1rem}.half p{padding:3rem 1rem 0;text-align:center}.inline-button{display:inline;vertical-align:middle;display:flex;flex-direction:row}.git-cont .fab{vertical-align:bottom;padding:10px;font-size:30px;height:30px;text-align:center;text-decoration:none;color:var(--primary-color);transition:.5}.git-cont .fab:hover{color:var(--hover-color)}.git-cont .fas{vertical-align:bottom;font-size:40px;height:30px;margin:25px;text-align:center;text-decoration:none;color:#000;transition:.5}.navbar{width:100%;position:fixed;z-index:1001;top:0;box-shadow:0 8px 6px -6px #646464}.nav-link{color:#000!important}.is-current{color:var(--primary-color);text-decoration:underline;-webkit-text-decoration-style:solid 3px;text-decoration-style:solid 3px;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.Copy{color:#fff!important;font-weight:500;padding-top:2%}.project-name{text-decoration:none}.gtp{position:fixed;left:92%;height:150px;top:82%;z-index:1002;cursor:crosshair}.see{background-color:var(--primary-color);color:#fff;border:#000;outline:#000;position:absolute;padding:5px 15px 7px;border-radius:3px;left:40%;top:90%}.fa-eye{color:#fff;font-size:20px;padding:7px 7px 7px 15px}.see:active{outline:0}.see:hover{background-color:var(--hover-color)}.switch{position:relative;display:inline-block;width:60px;height:34px;left:44.5%;bottom:46%}.Header p{margin-top:40px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-color)}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #000}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.line-1{position:relative;top:10%;width:22em;margin:0 auto;border-right:2px solid rgba(25,25,25,.75);font-size:180%;text-align:center;white-space:nowrap;overflow:hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"Anonymous Pro",monospace!important}.anim-typewriter{-webkit-animation:typewriter 4s steps(27) 1s 1 normal both,blinkTextCursor .5s steps(27) infinite normal;animation:typewriter 4s steps(27) 1s 1 normal both,blinkTextCursor .5s steps(27) infinite normal}.parallax{background-image:url(https://firebasestorage.googleapis.com/v0/b/scrollweb-cc9b4.appspot.com/o/assets%2Ftest.jpg?alt=media&token=0208c840-9818-45b4-a489-3aa849138491)}@-webkit-keyframes typewriter{0%{width:0}to{width:21em}}@keyframes typewriter{0%{width:0}to{width:21em}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:rgba(25,25,25,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:rgba(25,25,25,.75)}to{border-right-color:transparent}}::selection{color:#fff;background:var(--primary-color)}@media (max-width:1300px){.effect2{width:100%}}@media (max-width:800px){.lead{font-weight:300}.Header h1{font-size:2.5rem}.line-1{font-size:80%;top:5.5%}.underline{-webkit-text-decoration-color:(0,0,0,.1);text-decoration-color:(0,0,0,.1)}.red-line:before{bottom:590px}.effect2{width:100%}.skills{padding:10% 5%}.third{width:100%}.image-project,.project-card{width:100%!important}.third{padding:5%}.pp-head-line{width:70%}.git-form{width:90%;padding:5px 5px 35px}.git-head-div{width:75%}.switch{bottom:48%;left:35%}.half form input,textarea{margin:5px 0;padding:10px}.half p{display:none}.gtp{left:80%;top:87%;height:75px}.Copy{display:none}.see{margin:0;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1rem}.fa-eye{font-size:20px}.half form button{margin-left:auto;margin-right:auto}}.container{position:absolute;width:24px;height:24px;bottom:150px}.chevron{position:absolute;width:28px;height:8px;opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);-webkit-animation:move 3s ease-out infinite;animation:move 3s ease-out infinite}.chevron:first-child{-webkit-animation:move 3s ease-out 1s infinite;animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move 3s ease-out 2s infinite;animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:" ";position:absolute;top:0;height:100%;width:51%;background:#000}.chevron:before{left:0;-webkit-transform:skew(0deg,30deg);transform:skew(0deg,30deg)}.chevron:after{right:0;width:50%;-webkit-transform:skew(0deg,-30deg);transform:skew(0deg,-30deg)}@-webkit-keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}67%{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:0;-webkit-transform:translateY(55px) scale3d(.5,.5,.5);transform:translateY(55px) scale3d(.5,.5,.5)}}@keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}67%{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:0;-webkit-transform:translateY(55px) scale3d(.5,.5,.5);transform:translateY(55px) scale3d(.5,.5,.5)}}.text{display:block;margin-top:75px;margin-left:-30px;font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;font-size:12px;color:#000;text-transform:uppercase;white-space:nowrap;opacity:.25;-webkit-animation:pulse 2s linear infinite alternate;animation:pulse 2s linear infinite alternate}@-webkit-keyframes pulse{to{opacity:1}}@keyframes pulse{to{opacity:1}}
/*# sourceMappingURL=main.66d33eb2.chunk.css.map */