@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,600,800&display=swap);body{margin:0;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}*{box-sizing:border-box}.col,[class*=col-]{padding-right:15px;padding-left:15px}body,html{overflow-x:hidden;padding:0;margin:0;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.light-mode{background-color:#fff;color:#3a3a3c}.dark-mode{background-color:#3a3a3c;color:#fff}.container{margin:0 auto}.wrapper{padding:0 64px}.common{margin:20px 0;text-align:left}h3.title{font-weight:800;color:#3a3a3c;font-size:100px;margin:0}h3.title span{color:#de2e26;font-size:120px}.dark-mode h3.title{color:#fff}.dark-mode h3.title span{color:#f9eb21}@media screen and (max-width:765px){.container{min-width:unset;margin:0 auto}.wrapper{padding:0 48px}h3.title{font-size:80px}h3.title span{font-size:90px}}@media screen and (max-width:576px){.wrapper{padding:0 32px}h3.title{font-size:48px}h3.title span{font-size:60px}}header{height:100px}header .inner-header{position:relative;height:100px;z-index:10;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}header .logo a{font-weight:800;font-size:25px;text-decoration:none;color:#3a3a3c}.dark-mode header .logo a{color:#fff}header .menu button{border:none;background:none;outline:none;cursor:pointer;mix-blend-mode:difference;padding:0 23px;fill:#3a3a3c;stroke:#3a3a3c}.dark-mode header .menu button{fill:#fff;stroke:#fff}header .mode button{border:none;background:none;outline:none;cursor:pointer;mix-blend-mode:difference;padding:0 23px;fill:#3a3a3c}.dark-mode header .mode button{fill:#fff}header .hamburger-menu{display:none;z-index:9;width:100%;height:100%;position:fixed;top:0;left:0;right:0}header .menu-secondary-background-color{position:fixed;top:0;right:0;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#3a3a3c}.dark-mode header .menu-secondary-background-color{background:#f9eb21}header .menu-layer{position:relatiave;background:#de2e26;height:100%;overflow:hidden}.dark-mode header .menu-layer{background:#3a3a3c}header .menu-layer .wrapper{position:relative}header .menu-links{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;top:150px;padding:0 50px}header nav{display:block;width:70%}header nav ul{margin:0;padding:0}header nav ul li{list-style:none;font-size:6rem;font-weight:700;cursor:pointer;height:110px;overflow:hidden;position:relative;width:100%}header nav ul li a{position:absolute;color:#fff;text-decoration:none}header nav ul li a:hover{color:#3a3a3c}.dark-mode header nav ul li a{color:#fff}.dark-mode header nav ul li a:hover{color:#f9eb21}header .info{color:#fff;width:30%}.dark-mode header .info{color:#fff}header .info h3{font-size:2rem;letter-spacing:.12rem;margin:12px auto}header .social{display:-webkit-flex;display:flex;position:relative}header .social a{position:relative;display:block;width:72px;height:72px;padding:8px;background:#fff;border-radius:50px;margin:0 5px}header .social a svg{fill:#de2e26;width:100%;height:100%}.dark-mode header .social a svg{fill:#3a3a3c}header .social a:hover{background:#3a3a3c;transition:.2s;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.dark-mode .social a:hover{background:#f9eb21}@media screen and (max-width:756px){header .menu-links{padding:0}header nav{width:90%}header .social{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:30px}header .social a{width:56px;height:56px;margin:5px 0}header .social a:hover{transition:.2s;-webkit-transform:translateX(-20px);transform:translateX(-20px)}header .info{width:10%}header .info h3{display:none}header nav ul li{font-size:4rem;height:72px}}@media screen and (max-width:576px){header .menu-links{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0}header nav{width:100%}header .social{-webkit-flex-direction:row;flex-direction:row;padding:0;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start}header .social a{width:56px;height:56px;margin:0 5px}header .social a:hover{transition:.2s;-webkit-transform:translateY(-20px);transform:translateY(-20px)}header .info{margin-top:48px;width:100%}header .info h3{display:none}header nav ul li{font-size:3rem;height:72px}}.home{-webkit-align-items:center;align-items:center;height:100%;margin-top:20px;margin-bottom:100px}.home,.home .text-role{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.home .text-role{position:relative;-webkit-flex-basis:65%;flex-basis:65%;-webkit-flex-direction:column;flex-direction:column;font-size:64px;font-weight:800;letter-spacing:1rem;text-transform:uppercase;margin-bottom:-160px;margin-top:0;color:#3a3a3c}.dark-mode .home .text-role{color:#fff}.home .content{position:relative;-webkit-flex-basis:65%;flex-basis:65%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.home h6{font-size:18px;letter-spacing:.1rem;font-weight:550;z-index:1;text-transform:uppercase}.home h3{z-index:1;margin:0;font-size:48px;font-weight:800}.home h3 .content-line{margin:0;width:70%;color:#3a3a3c}.home h3 .content-line span{color:#de2e26}.dark-mode .home h3 .content-line{color:#fff}.dark-mode .home h3 .content-line span{color:#f9eb21}.home p{z-index:1;width:80%;font-size:18px;letter-spacing:.15rem;font-weight:450}.home .intro-contact{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:18px;font-weight:400;letter-spacing:.1rem;line-height:22px;text-transform:uppercase;margin-top:20px}.home .intro-contact span{margin-right:20px;font-weight:600}.home .intro-contact a{text-decoration:none;color:#3a3a3c}.home .intro-contact .highlight-link{transition:all .2s ease-in-out;font-weight:400;display:inline-block;padding:0 3px;text-decoration:none;box-shadow:inset 0 -3px 0 #de2e26}.dark-mode .home .intro-contact .highlight-link{box-shadow:inset 0 -3px 0 #f9eb21}.home .intro-contact .highlight-link:hover{box-shadow:inset 0 -33px 0 0 #de2e26;color:#fff}.dark-mode .home .intro-contact .highlight-link:hover{box-shadow:inset 0 -33px 0 0 #f9eb21}.dark-mode #home .home .intro-contact a{color:#fff}.dark-mode #home .home .intro-contact .highlight-link:hover{color:#3a3a3c}.hero-images{-webkit-flex-basis:32%;flex-basis:32%;position:relative;padding:0 20px}.hero-images img{position:relative;top:0;left:0;right:0;bottom:0;width:100%}.fluid{top:-15%;left:55%;width:100%;height:100%;-webkit-filter:url(#filter);filter:url(#filter);z-index:0}.ball,.fluid{position:absolute}.ball{width:200px;height:200px;top:calc(50% - 100px);left:calc(50% - 100px)}.ball:before{content:"";position:absolute;border-radius:100%;background:#de2e26;top:0;left:0;width:100%;height:100%}.dark-mode .ball:before{background:#f9eb21}.ball:first-child{-webkit-transform:translate(-220px);transform:translate(-220px);-webkit-animation:x-axis-lateral 2s ease-in-out infinite alternate;animation:x-axis-lateral 2s ease-in-out infinite alternate}.ball:first-child:before{-webkit-animation:y-axis-lateral 1s ease-in-out .1s infinite alternate;animation:y-axis-lateral 1s ease-in-out .1s infinite alternate}.ball:nth-child(2){-webkit-animation:x-axis 2s ease-in-out infinite alternate;animation:x-axis 2s ease-in-out infinite alternate}.ball:nth-child(2):before{-webkit-animation:y-axis 1s ease-in-out .5s infinite alternate;animation:y-axis 1s ease-in-out .5s infinite alternate}.ball:nth-child(3){-webkit-transform:translate(220px,260px);transform:translate(220px,260px);-webkit-animation:x-axis-lateral 2s ease infinite alternate;animation:x-axis-lateral 2s ease infinite alternate}.ball:nth-child(3):before{-webkit-animation:y-axis-lateral 1s ease-in-out .4s infinite alternate;animation:y-axis-lateral 1s ease-in-out .4s infinite alternate}@-webkit-keyframes x-axis{0%{-webkit-transform:translate(-320px);transform:translate(-320px)}to{-webkit-transform:translate(320px);transform:translate(320px)}}@keyframes x-axis{0%{-webkit-transform:translate(-320px);transform:translate(-320px)}to{-webkit-transform:translate(320px);transform:translate(320px)}}@-webkit-keyframes y-axis{0%{-webkit-transform:translateY(140px);transform:translateY(140px)}to{-webkit-transform:translateY(-220px) scale(.8);transform:translateY(-220px) scale(.8)}}@keyframes y-axis{0%{-webkit-transform:translateY(140px);transform:translateY(140px)}to{-webkit-transform:translateY(-220px) scale(.8);transform:translateY(-220px) scale(.8)}}@-webkit-keyframes x-axis-lateral{0%{-webkit-transform:translate(-120px);transform:translate(-120px)}to{-webkit-transform:translate(120px);transform:translate(120px)}}@keyframes x-axis-lateral{0%{-webkit-transform:translate(-120px);transform:translate(-120px)}to{-webkit-transform:translate(120px);transform:translate(120px)}}@-webkit-keyframes y-axis-lateral{0%{-webkit-transform:translateY(40px);transform:translateY(40px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes y-axis-lateral{0%{-webkit-transform:translateY(40px);transform:translateY(40px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-radius:50%;border-color:#fff #fff transparent transparent;border-style:solid;border-width:2vmin;box-sizing:border-box;height:20vmin;left:calc(50% - 10vmin);position:fixed;top:calc(50% - 10vmin);width:20vmin;z-index:1}.loader:before{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-radius:50%;border-color:#3a3a3c #3a3a3c transparent transparent;border-style:solid;border-width:2vmin;box-sizing:border-box;content:"";height:16vmin;left:0;position:absolute;top:0;width:16vmin}.loader:after{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;border-radius:50%;border-color:#fff #fff transparent transparent;border-style:solid;border-width:2vmin;box-sizing:border-box;content:"";height:12vmin;left:2vmin;position:absolute;top:2vmin;width:12vmin}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:756px){.home{margin-top:20px;-webkit-justify-content:center;justify-content:center}.home .content{-webkit-flex-basis:100%;flex-basis:100%;-webkit-order:2;order:2}.hero-images{-webkit-flex-basis:80%;flex-basis:80%;-webkit-order:1;order:1;margin-bottom:15px}.home .text-role{display:none}.home .intro-contact{-webkit-justify-content:center;justify-content:center}.home h6{font-size:14px;margin-bottom:10px}.home h3 .content-line{width:100%;margin-top:0}.home p{width:100%;text-align:justify}.home .intro-contact span{margin:7.5px 0;-webkit-flex-basis:100%;flex-basis:100%;text-align:center}.fluid{visibility:hidden}.loader{visibility:visible;left:calc(-40% - 10vmin);top:calc(-105% - 10vmin);width:35vmin;height:35vmin}.loader:after{visibility:visible;width:27vmin;height:27vmin}.loader:before{visibility:visible;width:31vmin;height:31vmin}}@media screen and (max-width:576px){.home{margin-top:20px;-webkit-justify-content:center;justify-content:center}.home .content{-webkit-order:2;order:2}.hero-images,.home .content{-webkit-flex-basis:100%;flex-basis:100%}.hero-images{-webkit-order:1;order:1}.home .text-role{display:none}.home .intro-contact{-webkit-justify-content:center;justify-content:center}.home h3 .content-line{width:100%;font-size:30px}.home p{font-size:18px;width:100%;text-align:justify}.home .intro-contact span{margin:7.5px 0}.loader{left:calc(-45% - 10vmin);top:calc(-45% - 10vmin)}}#services.container{background-image:url(../../static/media/Service.b4caac8b.png);background-repeat:no-repeat}.dark-mode #services.container{background-image:url(../../static/media/Service-dark.d1f82b58.png);background-repeat:no-repeat}.services{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:100px;margin-right:-15px;margin-left:-15px}.services .col-4{position:relative;-webkit-flex-basis:33.3333%;flex-basis:33.3333%;max-width:33.3333%;box-sizing:border-box;padding:15px}.services-content{height:100%;padding:40px;background:#e6e6e6;box-shadow:0 1px 2px rgba(0,0,0,.4);transition:box-shadow .3s ease-in-out}.dark-mode .services-content{background:#fff}.services-content:hover{background-color:#de2e26;color:#fff;box-shadow:0 10px 20px hsla(0,0%,100%,.06)}.dark-mode .services-content:hover{background:#f9eb21}.commonIcons{font-size:60px;margin-bottom:30px}.dark-mode .commonIcons{color:#3a3a3c}.services-content-title{font-size:24px;font-weight:700;margin-bottom:15px}.dark-mode .services-content-title{color:#3a3a3c}.services-content-p{font-size:18px;color:#3a3a3c;opacity:.8}.services-content:hover .services-content-p{color:#fff;opacity:.5}.dark-mode .services-content-p{color:#3a3a3c}.dark-mode .services-content:hover .services-content-p{color:#3a3a3c;opacity:.8}@media screen and (max-width:765px){.services .col-4{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.services-content{margin:10px 0}}@media screen and (max-width:576px){#services.container{background-image:url(../../static/media/Service-mobile.600eab01.png);background-repeat:no-repeat}.dark-mode #services.container{background-image:url(../../static/media/Service-mobile-dark.12957b6e.png);background-repeat:no-repeat}.services-content-title{font-size:22px}.services-content-p{font-size:16px}}#project.container{background-image:url(../../static/media/Project.69b0c997.png);background-repeat:no-repeat}.dark-mode #project.container{background-image:url(../../static/media/Project-dark.87557437.png);background-repeat:no-repeat}#project .common{text-align:right}.featured-projects{display:-webkit-flex;display:flex;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px;margin-bottom:100px;-webkit-justify-content:center;justify-content:center}.featured-projects .project{display:-webkit-flex;display:flex;margin-bottom:80px;width:100%}.featured-projects .project-pict{max-width:700px;height:100%;overflow:visible;margin:0;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.featured-projects .project-pict img{width:100%;max-width:100%;vertical-align:bottom}.featured-projects .project-caption{width:320px;margin-left:30px}.featured-projects .project-name{font-weight:700;font-size:32px}.featured-projects .project p{font-size:18px;font-weight:500;line-height:25px}.link{font-size:16px;font-weight:600;color:#3a3a3c;display:inline-block;margin-top:15px;text-decoration:none}.link:after{display:none}.dark-mode .link{color:#fff;opacity:.8}.used{margin-top:30px}.used .used-items{padding:0}.used .used-items .used-item{display:inline-block;padding:7px 7px 5px;margin-right:5px;border:2px solid #3a3a3c;border-radius:3px;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.5px}.dark-mode .used .used-items .used-item{border:2px solid #f9eb21}@media screen and (max-width:765px){.featured-projects .project{width:100%;display:block}.featured-projects .project-caption{width:100%;margin-top:30px;margin-left:0}}@media screen and (max-width:576px){#project.container{background-image:url(../../static/media/Project-mobile.1a84878a.png);background-repeat:no-repeat}.dark-mode #project.container{background-image:url(../../static/media/Project-mobile-dark.9a94140f.png);background-repeat:no-repeat}}#about.container{background-image:url(../../static/media/About.7aeb632c.png);background-repeat:no-repeat}.dark-mode #about.container{background-image:url(../../static/media/About-dark.27787ca6.png);background-repeat:no-repeat}#about .common#skill{text-align:left;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.col-12{-webkit-flex:0 0 100%;flex:0 0 100%}.col-lg-6{-webkit-flex:0 0 50%;flex:0 0 50%}.about{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;margin:50px -15px 100px}.about img.person{width:100%;height:auto;margin-bottom:20px}.btn-cv{width:100%;margin-top:24px;position:relative;-webkit-justify-content:center;justify-content:center}.btn-cv,.btn-cv .interest{display:-webkit-flex;display:flex}.btn-cv .interest{width:80%;background:#3a3a3c;padding:48px;-webkit-align-items:center;align-items:center;border-radius:5px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.dark-mode .btn-cv .interest{background:hsla(0,0%,100%,.1)}.btn-cv .interest .title{padding:0 32px;color:#fff;font-size:28px;font-weight:600}.dark-mode .btn-cv .interest .title{color:#fff}.btn-cv .interest a{background-color:#de2e26;color:#fff;text-decoration:none;font-weight:600;padding:16px 32px;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.dark-mode .btn-cv .interest a{background:#f9eb21;color:#3a3a3c}.btn-cv .interest a:focus,.btn-cv .interest a:hover{background:#3a3a3c;text-decoration:none}.dark-mode .btn-cv .interest a:focus,.dark-mode .btn-cv .interest a:hover{background:#fff}.aboutme-p{font-size:16px;padding:5px 10px;line-height:30px;text-align:justify}.aboutme-p i{color:#3a3a3c;opacity:.8}.dark-mode .aboutme-p i{color:#fff;opacity:.5}.top{margin-top:50px}.skills{display:-webkit-flex;display:flex;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.skills .skill{font-size:16px;margin:.4em .4em 1.5em;font-weight:800}.btn-skill{border-radius:30px;padding:15px 30px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.15);border:none}.btn-pill#html{background-color:#000;color:#bd3e1e}.btn-pill#html:hover{background-color:#bd3e1e;color:#191919}.btn-pill#css{background-color:#007acc;color:#fff}.btn-pill#css:hover{background-color:#939aac;color:#000}.btn-pill#javascript{background-color:#323330;color:#f0db4f}.btn-pill#javascript:hover{background-color:#f0db4f;color:#323330}.btn-pill#php{background-color:#e2bc30;color:#204868}.btn-pill#php:hover{background-color:#204868;color:#e2bc30}.btn-pill#sql{background-color:#007fff;color:#000}.btn-pill#sql:hover{background-color:#191919;color:#007fff}.btn-pill#react{background-color:#3c873a;color:#fff}.btn-pill#react:hover{background-color:#ce9999;color:#191919}.btn-pill#photoshop{background-color:#623ce4;color:#cecece}.btn-pill#photoshop:hover{background-color:#cecece;color:#623ce4}.btn-pill#illustrator{background-color:#e2bc30;color:#191919}.btn-pill#illustrator:hover{background-color:#d67355;color:#e2e2e2}.btn-pill#figma{background-color:#820c02;color:#eda895}.btn-pill#figma:hover{background-color:#eda895;color:#820c02}.btn-pill#corel{background-color:#31c02c;color:#000}.btn-pill#corel:hover{background-color:#303030;color:#fff}.btn-skill:active,.btn-skill:focus{outline:none;box-shadow:none}@media screen and (max-width:765px){.col-12.col-lg-6{-webkit-flex:0 0 100%;flex:0 0 100%}.btn-cv .interest{padding:20px;-webkit-flex-direction:column;flex-direction:column}.btn-cv .interest .title{padding:25px}}@media screen and (max-width:576px){#about.container{background-image:url(../../static/media/About-mobile.11368f6c.png);background-repeat:no-repeat}.dark-mode #about.container{background-image:url(../../static/media/About-mobile-dark.617311de.png);background-repeat:no-repeat}.btn-cv .interest{width:100%;padding:20px;text-align:center}.btn-cv .interest .title{padding:10px}}#contact.container{background-image:url(../../static/media/Contact.313ff4f1.png);background-repeat:no-repeat}.dark-mode #contact.container{background-image:url(../../static/media/Contact-dark.1b2a5d5b.png);background-repeat:no-repeat}#contact .common{text-align:center}.contacts{display:-webkit-flex;display:flex;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contacts p{text-align:center;font-size:24px;font-weight:600}.contacts .emailme{display:none}#contact .col-12{-webkit-flex:0 0 100%;flex:0 0 100%}.map{margin:30px 0;padding-bottom:20px;position:relative;display:-webkit-flex;display:flex}.map .java{text-transform:uppercase;font-size:32px;font-weight:800;letter-spacing:11px;position:absolute;top:12%;left:8%}.map img{width:100%}.map .big-tooltip{-webkit-justify-content:center;justify-content:center;width:165px;text-align:right;background:#de2e26;padding:0 14px;border-radius:6px;top:48%;left:66.5%;position:absolute;z-index:1;opacity:.8}.dark-mode .map .big-tooltip{background:#f9eb21}.map .big-tooltip:after{content:" ";position:absolute;top:100%;left:75%;margin-bottom:-10px;border:10px solid transparent;border-top-color:#de2e26}.dark-mode .map .big-tooltip:after{border-color:#f9eb21 transparent transparent}.map .big-tooltip span{color:#fff;font-weight:600}.dark-mode .map .big-tooltip span{color:#3a3a3c}.map .circle{width:250px;height:250px;line-height:250px;border-radius:50%;left:38%;top:3%;background:#de2e26;position:absolute;opacity:.2}.dark-mode .map .circle{background:#f9eb21;opacity:.2}.map .circle-inside{width:200px;height:200px;line-height:200px;border-radius:50%;text-align:center;left:40.2%;top:9.5%;background:#de2e26;position:absolute}.dark-mode .map .circle-inside{background:#f9eb21}.map .circle-inside a{text-decoration:none;font-size:24px;color:#fff;font-weight:600}.dark-mode .map .circle-inside a{color:#3a3a3c}.map .circle-inside:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.map .location-dot{width:20px;height:20px;background:#de2e26;border-radius:10px;top:70%;left:78%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dark-mode .map .location-dot{background:#f9eb21}.map .location-ring{width:50px;height:50px;border:2px solid #de2e26;border-radius:50px;top:calc(70% - 25px);left:calc(78% - 25px);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-animation:pulsate 1.5s ease-out infinite;animation:pulsate 1.5s ease-out infinite}.dark-mode .map .location-ring{border:2px solid #f9eb21}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@media screen and (max-width:756px){.map{padding:30px 0}.map .java{top:0;left:45%}.map .big-tooltip{top:37%;left:56.5%;text-align:left;padding:0 16px}.map .big-tooltip:after{content:" ";position:absolute;top:100%;left:75%;margin-bottom:-10px;border:10px solid transparent;border-top-color:#de2e26}.map .circle{width:250px;height:250px;line-height:250px;left:5%;top:-10%}.map .circle-inside{width:200px;height:200px;line-height:200px;left:9%;top:0}}@media screen and (max-width:576px){#contact.container,.dark-mode #contact.container{background-image:none}.map,.map .circle,.map .circle-inside{display:none}.contacts .emailme{position:relative;display:inline-block;-webkit-justify-content:center;justify-content:center;margin-bottom:20px}.contacts .emailme a{padding:10px 60px;text-decoration:none;color:#fff;background:#de2e26;border-radius:20px;font-size:20px;font-weight:600;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.contacts .emailme a:hover{background:#3a3a3c}.dark-mode .contacts .emailme a{background:#f9eb21;color:#3a3a3c}.dark-mode .contacts .emailme a:hover{background:#fff;color:#3a3a3c}#contact h3.title{font-size:40px}#contact h3.title span{font-size:45px}}#footer.container{background:#3a3a3c}.foot{width:100%;padding:10px;position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.dark-mode .foot{border-top:1px solid #fff}.copy,.footer{text-align:center}.copy{margin-top:50px;opacity:.5;margin-bottom:0;color:#fff}.contactme{padding:30px}.contactme .social{display:-webkit-flex;display:flex;position:relative;-webkit-justify-content:center;justify-content:center}.contactme .social a{position:relative;display:block;font-size:16px;font-weight:600;text-decoration:none;color:#3a3a3c;width:64px;height:64px;padding:8px;background:#fff;border-radius:50px;margin:0 100px}.contactme .social a svg{width:100%;height:100%;fill:#de2e26}.dark-mode .contactme .social a{background:#f9eb21}.dark-mode .contactme .social a svg{fill:#3a3a3c}.contactme .social a:hover{border:1px solid #fff;background:#3a3a3c;transition:.2s;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.dark-mode .contactme .social a:hover{border:1px solid #fff}.dark-mode .contactme .social a:hover svg{fill:#f9eb21}.contactme .social-text{display:none}@media screen and (max-width:756px){.contactme .social a{margin:0 48px}}@media screen and (max-width:576px){.contactme{box-shadow:none}.contactme .social{display:none}.contactme .social-text{display:inline}.contactme .social-text ul{-webkit-align-items:center;align-items:center;text-align:center;margin:0;padding:0}.contactme .social-text ul li{list-style:none;display:inline-block}.contactme .social-text ul li a{display:inline-block;padding-left:30px;padding-right:30px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;margin-top:20px;color:hsla(0,0%,100%,.2);font-size:16px;font-weight:800}.contactme .social-text ul li a:focus,.contactme .social-text ul li a:hover{color:#fff}.dark-mode .contactme .social-text ul li a{color:hsla(0,0%,100%,.2)}.dark-mode .contactme .social-text ul li a:focus,.dark-mode .contactme .social-text ul li a:hover{color:#f9eb21}}
/*# sourceMappingURL=main.1b442914.chunk.css.map */