@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main:#111827;--main2:#1f2937;--themetext:#239cff;--paragraph:#a6adb7}body{background-color:#111827;background-color:var(--main);font-family:Poppins,sans-serif}.wrapper,nav{width:100%}nav{align-items:center;background-color:initial;border:1px solid transparent;display:flex;justify-content:center;position:fixed;top:0;transition:.5s ease-in-out;z-index:100}.navbar label{border:1px solid #239cff;border:1px solid var(--themetext);border-radius:10px;color:#239cff;color:var(--themetext);display:none;padding:10px 15px}.enable-menu{max-height:100%!important}@media only screen and (max-width:600px){.header{background-image:url(/static/media/mobil-bg.eb4372a8f46fb807bcf5.png);background-repeat:no-repeat;background-size:cover;overflow:hidden}nav{background-color:#111827;background-color:var(--main);border-bottom:1px solid #239cff;border-bottom:1px solid var(--themetext);flex-direction:column}.toggler-hold{display:flex;justify-content:flex-end;width:100%}.nav-links{flex-direction:column;margin:0;max-height:0;overflow:hidden}.nav-item{text-align:center}.navbar label{display:inline-block;margin:10px}}#toggler{display:none}.nav-border{background-color:#111827;background-color:var(--main);border-bottom:1px solid #239cff;border-bottom:1px solid var(--themetext)}.nav-links{cursor:pointer;display:flex;list-style:none;padding:0}.nav-item a{color:#fff;display:inline-block;font-size:18px;padding:10px 15px;text-decoration:none;text-transform:uppercase;transition:.4s ease-in-out}.nav-item a:after{border-bottom:3px solid #239cff;border-bottom:3px solid var(--themetext);content:"";display:block;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.nav-item a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.header{color:#fff;height:100vh;position:relative}.header,.header-text{align-items:center;display:flex;justify-content:center}.header-text{flex:50% 1;font-size:24px}.header-text__content #welcome{margin:0}.header-text__content h1{font-size:70px;line-height:50px;margin:45px 0 0}.header-text__content #devtext{font-size:50px;font-weight:200;margin:0 0 55px}.header-text__content #cv-button{background-color:#239cff;background-color:var(--themetext);color:#fff;font-family:Poppins,sans-serif;padding:20px 40px;text-decoration:none}.header-img{align-items:center;display:flex;flex:50% 1;justify-content:center}h1{color:#239cff;color:var(--themetext)}.about-me{align-items:center;display:flex;flex-direction:column;justify-content:center}h2{color:#fff;font-size:50px}h2 b{color:#239cff;color:var(--themetext)}.about-me .experience{color:#fff;flex-direction:row;gap:50px}.about-me .experience,.exp-holder{align-items:center;display:flex;justify-content:center}.exp-holder{background-color:#1f2937;background-color:var(--main2);border-radius:10px;flex-direction:column;height:400px;padding:30px 0;width:350px}.exp-holder h3{font-weight:500;margin-bottom:0}.exp-holder p{color:#a6adb7;color:var(--paragraph);text-align:center;width:250px}.exp-holder a{background-color:#239cff;background-color:var(--themetext);color:#fff;padding:15px 30px;text-decoration:none}.exp-icon1{background-image:url(/static/media/development.a3c6d940cf8447e7f6e3.png)}.exp-icon1,.exp-icon2{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:150px;width:150px}.exp-icon2{background-image:url(/static/media/erp.f42b4270af3672f30690.png)}.exp-icon3{background-image:url(/static/media/mobile-development.544b2da3db470e4743a5.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:150px;width:150px}.mouse{border:3px solid #fff;border-radius:60px;bottom:20px;height:60px;opacity:.4;position:absolute;transition:1s ease-in-out;width:30px;&:before{animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite;background-color:#fff;border-radius:50%;content:"";height:9px;left:50%;opacity:1;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:9px}}.hide-mouse{opacity:0}@keyframes wheel{to{opacity:0;top:40px}}@-webkit-keyframes wheel{to{opacity:0;top:40px}}.technologies{align-items:center;flex-direction:column}.tech-holder,.technologies{display:flex;justify-content:center}.tech-holder{flex-direction:row;flex-wrap:wrap;gap:20px;width:1170px}.tech-holder>div{align-items:center;background-color:#1f2937;background-color:var(--main2);border-radius:10px;display:flex;flex:0 1 18%;flex-direction:column;justify-content:center;padding:30px 0}.technology img{width:50px}.technology .img-holder{align-items:center;display:flex;height:80px;justify-content:center;width:100%}.technology p{color:#fff;margin:20px 0 0;text-align:center}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.contact-text{background-color:#1f2937;background-color:var(--main2);border-radius:10px;flex-direction:row;width:1170px}.contact-text,.contact-text__text{align-items:left;display:flex;height:400px;justify-content:center}.contact-text__text{flex-direction:column}.contact-text__text p{color:#fff;font-size:22px;margin:5px 50px}.contact-text__text p b{color:#239cff;color:var(--themetext)}.contact-text__text a{background-color:#239cff;background-color:var(--themetext);color:#fff;display:inline-block;margin:25px 50px;padding:15px 25px;text-align:center;text-decoration:none;width:200px}.contact-text__img{align-items:center;display:flex;justify-content:center}.contact-text__img img{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-transform:translatey(0);transform:translatey(0);width:50%}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@media only screen and (max-width:600px){.header-img{display:none}.header-text{flex:100% 1}.header-text,.header-text p,h1{text-align:center}.header-text h1{font-size:58px;line-height:65px;margin:25px 0 0}.header-text__content #devtext{font-size:36px;margin-top:20px}h2{font-size:24px}.experience{flex-wrap:wrap}.tech-holder{width:100%}.tech-holder>div{flex:0 1 40%}.contact-text{flex-wrap:wrap;height:auto;margin:0 auto;padding-bottom:30px;width:85%}.contact-text__text{align-items:center}.contact-text__text p{font-size:20px;text-align:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.a71c6eae.css.map*/