*{--primary-color:#eee;--secondary-color:#00162b;--card-color:#000f1d;--accent-color:#cc0e00;--focus-color:#5185e9;--title:3em;--subtitle:2.5em;--icons:2.3em;--number:2em;--smalltitle:1.5em;--quote:1.2em;--body:1em;--list:0.8em;--bold:700;--semi-bold:600;--regular:400;--gradient:linear-gradient(14deg,#04f5fd,#00b1f5 50%,#5185e9);--gradient-old:#04f5fd}.App{background-color:var(--secondary-color);height:100vh;width:100%;display:grid;place-items:center}.logo{width:4em;padding:.5em;opacity:.5}.logo,.logo:hover{transition:.5s ease-in-out}.logo:hover{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}.center{align-items:center;height:100vh;justify-content:center}.skills-list li:before{content:"\25AA";color:var(--accent-color);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.skills-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:.5em;grid-row-gap:.5em}.skills-list li{color:var(--primary-color);font-size:var(--list);list-style:none}.card-text{color:var(--primary-color);border-radius:10%}h1 span{-webkit-text-fill-color:transparent;background:var(--gradient-old);background:var(--gradient);background-size:200%;-webkit-background-clip:text;background-clip:text;-webkit-animation:text-animation 5s linear infinite;animation:text-animation 5s linear infinite;line-height:1.5em}@-webkit-keyframes text-animation{0%{background-position:0}to{background-position:100%}}@keyframes text-animation{0%{background-position:0}to{background-position:100%}}p{font-weight:var(--regular);font-size:var(--body);font-family:var(--poppins);color:var(--primary-color)}p span{color:var(--accent-color)}ul li{font-weight:var(--list);font-size:var(--body);font-family:var(--Roboto)}h1,h2,h4,h5{font-family:var(--poppins);color:var(--primary-color);text-align:left}h2 span,h3 span{color:var(--accent-color)}h1{font-size:var(--title)}h1,h2{font-weight:var(--bold)}h2{font-size:var(--subtitle)}h4{font-weight:var(--regular);font-size:var(--body)}h5{font-size:var(--smalltitle)}.btn-outline-primary,h5{font-weight:var(--semi-bold);font-family:var(--Roboto);color:var(--accent-color)}.btn-outline-primary{transition:.3s ease-in-out;border-radius:.5em;padding:1em 2em;background-color:transparent;font-size:var(--body);text-transform:capitalize;cursor:pointer;border:2px solid var(--accent-color)}.btn-outline-primary:hover{border:2px solid var(--accent-color)}.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:var(--accent-color);color:var(--secondary-color);transition:.3s ease-in-out}.btn-outline-primary:focus{border:2px dashed var(--accent-color);box-shadow:0 0 0 4px var(--secondary-color)}.numberNavigation{color:var(--accent-color);font-weight:var(--semi-bold);font-size:1em;font-family:var(--Roboto)}.contact a{margin-right:1em}.contact,.contact a,.tekst{color:var(--primary-color)}.tekst{line-height:1.7em;font-size:var(--body);font-weight:var(--regular);font-family:var(--poppins)}.card{background-color:var(--card-color);padding:1.5em}.card,hr{color:var(--primary-color)}hr{background-color:var(--primary-color)}.featured{font-weight:var(--regular);font-size:var(--body);font-family:var(--Roboto);color:var(--accent-color);text-align:left}.icons-project{font-size:var(--subtitle);color:var(--primary-color);transition:.3s ease-in-out}.icons-project:hover{color:var(--accent-color)}.bluebackground{min-height:100%;background:linear-gradient(0deg,rgba(0,22,43,.95),rgba(0,22,43,.95)),url(/static/media/pattern.33b5ad7f.jpg);z-index:0;position:absolute;top:0;left:0;width:100%;max-width:100%}.tekstabout{color:var(--primary-color)}.contactbox{padding:2em;background-color:var(--card-color)}.contact-info{list-style:none;color:#fff}.contactbox a{color:var(--accent-color)}.icons a{font-size:var(--icons);margin-right:.3em;color:var(--primary-color)}.icons a,.icons a:hover{transition:all .3s ease-in-out}.icons a:hover,.project-tech-list{color:var(--accent-color)}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;padding:0;list-style:none;font-family:var(--Roboto);font-weight:var(--regular)}.project-tech-list li{margin-right:1em}.form-control{background-color:var(--card-color);border:2px solid var(--card-color);color:var(--accent-color);padding:15px}.form-control::-webkit-input-placeholder{color:var(--accent-color);font-family:var(--Roboto)}.form-control:-ms-input-placeholder{color:var(--accent-color);font-family:var(--Roboto)}.form-control::placeholder{color:var(--accent-color);font-family:var(--Roboto)}.form-label{color:var(--accent-color);font-family:var(--poppins);font-weight:var(--regular)}.form-control:focus{background-color:var(--card-color);color:var(--primary-color)}.IconGithub{font-size:var(--smalltitle)}.IconGithub,.IconGithub:hover{transition:all .5s ease-in-out}.IconGithub:hover{color:var(--accent-color)}.iconLink{color:var(--primary-color);font-size:var(--smalltitle)}.iconLink,.iconLink :hover{transition:all .5s ease-in-out}.iconLink :hover{color:var(--accent-color)}.projectNumber{font-size:5em;position:absolute;top:0;right:0;color:var(--primary-color);font-family:var(--poppins);z-index:100;margin-top:-.5em}.footer{background-color:var(--card-color);font-size:var(--list)}.loader{align-items:center;display:flex;justify-content:center;height:10em;width:10em;margin:1em;border:.6em solid rgba(0,0,0,.25);border-color:var(--accent-color) var(--primary-color) var(--focus-color) var(--card-color);border-style:solid;border-width:.6em;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-container{display:flex;justify-content:center;align-items:center}.logo-loader{position:fixed;-webkit-animation:spin-reverse 1s linear infinite;animation:spin-reverse 1s linear infinite}@-webkit-keyframes spin-reverse{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin-reverse{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}*{--gradient:linear-gradient(90deg,#04f5fd 0%,#00b1f5 50%,#5185e9);--accent-color:#04f5fd!important;--navigation:1em;--secondary-color:#00162b!important;--shadow:rgba(2,12,27,0.7)!important;--poppins:"Poppins",sans-serif;--Roboto:"Roboto Mono",monospace}.navigatiefont{position:relative;font-size:var(--navigation);font-family:var(--Roboto);margin-left:2em;color:var(--primary-color)!important;border-bottom:3px solid transparent;text-decoration:none;cursor:pointer}.navigatiefont:hover{cursor:pointer}.active,.navigatiefont:hover{border-bottom:3px solid var(--accent-color);transition:.5s ease-in-out}.color-nav{font-weight:var(--semi-bold);box-shadow:0 10px 30px -10px var(--shadow)!important;background-color:rgba(0,22,43,.5)}
/*# sourceMappingURL=main.7229c6aa.chunk.css.map */