@font-face{font-family:Helvetica Neue;src:url(/fonts/helvetica-neu.ttf) format("truetype")}@font-face{font-family:La Belle Aurore;src:url(/fonts/LaBelleAurore.woff2) format("woff2")}@font-face{font-family:Coolvetica;src:url(/fonts/CoolveticaRg-Regular.woff2) format("woff2")}html{font-size:62.5%}body{margin:0;font:300 11px/1.4 Helvetica Neue,sans-serif;color:#444;background:#022c43;overflow:hidden;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea{font-family:Helvetica Neue,sans-serif}.loader-active{display:block;position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:50px;height:50px;animation:fadeOut 1s 1s;animation-fill-mode:forwards}.App{background:#1d1d1d}.App,.page{width:100%;height:100%;position:absolute}.top-tags{bottom:auto;top:1%}.tags{color:lime;opacity:.6;position:absolute;bottom:6%;left:15%;font-size:18px;font-family:La Belle Aurore}.bottom-tag-html,.top-tag-html{margin-left:-35%}.bottom-tags{z-index:1}.container{width:100%;will-change:contents;height:90%;min-height:566px;position:absolute;opacity:0;top:5%;margin:0 auto;z-index:1;transform-style:preserve-3d;animation:fadeIn 1s forwards;animation-delay:1s}.about-page h1,.contact-page h1,.experience-page h1,.skills-page h1{font-size:53px;font-family:Coolvetica;color:red;font-weight:400;margin-top:0;left:10px;margin-bottom:40px;position:relative}.about-page h1:before,.contact-page h1:before,.experience-page h1:before,.skills-page h1:before{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;margin-top:-5%;opacity:.6;margin-left:-5%;animation:fadeIn 1s backwards}.about-page .bottom-h1-tag,.contact-page .bottom-h1-tag,.experience-page .bottom-h1-tag,.skills-page .bottom-h1-tag{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-left:-5%;margin-top:-10%;animation:fadeIn 1s backwards}.about-page .text-zone,.contact-page .text-zone,.experience-page .text-zone,.skills-page .text-zone{position:absolute;left:20%;top:50%;transform:translateY(-50%);width:35%;vertical-align:middle;display:table-cell;max-height:90%}.about-page .text-zone p,.contact-page .text-zone p,.experience-page .text-zone p,.skills-page .text-zone p{font-size:14.5px;color:#d4d4d4;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:400;line-height:1.7;max-width:-moz-fit-content;max-width:fit-content;animation:fadeIn 1s backwards}.about-page .text-zone p:first-of-type,.contact-page .text-zone p:first-of-type,.experience-page .text-zone p:first-of-type,.skills-page .text-zone p:first-of-type{animation-delay:1.1s}.about-page .text-zone p:nth-of-type(2),.contact-page .text-zone p:nth-of-type(2),.experience-page .text-zone p:nth-of-type(2),.skills-page .text-zone p:nth-of-type(2){animation-delay:1.2s}.about-page .text-zone p:nth-of-type(3),.contact-page .text-zone p:nth-of-type(3),.experience-page .text-zone p:nth-of-type(3),.skills-page .text-zone p:nth-of-type(3){animation-delay:1.3s}.about-page .text-zone p:nth-of-type(4),.contact-page .text-zone p:nth-of-type(4),.experience-page .text-zone p:nth-of-type(4),.skills-page .text-zone p:nth-of-type(4){animation-delay:1.4s}.about-page .text-zone .top-p-tag,.contact-page .text-zone .top-p-tag,.experience-page .text-zone .top-p-tag,.skills-page .text-zone .top-p-tag{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-top:-3%;margin-left:-5%;animation:fadeIn 1s backwards}.about-page .text-zone .bottom-p-tag,.contact-page .text-zone .bottom-p-tag,.experience-page .text-zone .bottom-p-tag,.skills-page .text-zone .bottom-p-tag{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-top:-2%;margin-left:-5%;animation:fadeIn 1s backwards}.about-page .text-animate-hover:hover,.contact-page .text-animate-hover:hover,.experience-page .text-animate-hover:hover,.skills-page .text-animate-hover:hover{color:#fff}.nav-bar{background-color:#181818;width:10%;height:100%;position:absolute;top:0;z-index:3;min-height:500px}.nav-bar .logo{display:block;padding:8px 0}.nav-bar .logo img{display:block;margin:8px auto;width:40%;height:auto}.nav-bar .logo img.sub-logo{width:70%}.nav-bar nav{display:block;text-align:center;position:absolute;height:260px;top:50%;margin-top:-130px;width:100%}.nav-bar nav a{font-size:28px;color:#4d4d4e;display:block;line-height:51px;height:51px;position:relative;text-decoration:none}.nav-bar nav a i{transition:all .3s ease-out}.nav-bar nav a:hover{color:red}.nav-bar nav a:hover svg{opacity:0}.nav-bar nav a:hover:after{opacity:1}.nav-bar nav a:after{content:"";font-size:40%;letter-spacing:2px;position:absolute;bottom:0;display:block;width:100%;text-align:center;opacity:0;transition:all .3s ease-out;font-weight:700}.nav-bar nav a:first-child:after{content:"HOME"}.nav-bar nav a.about-link:after{content:"ABOUT"}.nav-bar nav a.skills-link:after{content:"SKILLS"}.nav-bar nav a.work-link:after{content:"MY WORK"}.nav-bar nav a.exp-link:after{content:"EXP"}.nav-bar nav a.contact-link:after{content:"CONTACT"}.nav-bar nav a.active svg{color:red}.nav-bar ul{position:absolute;bottom:40px;width:100%;display:block;padding:0;list-style:none;text-align:center;margin:0}.nav-bar ul li a{padding:7px 0;display:block;font-size:18px;line-height:16px;color:#4d4d4e}.nav-bar ul li a:hover svg{color:red}.nav-bar ul li a.linkedin:hover svg{color:#0077b5}.nav-bar ul li a.github:hover svg{color:#fff}.nav-bar ul li a.whatsapp:hover svg{color:#25d366}.close-icon,.hamburger-icon{display:none}.footer{background-color:#181818;color:#fff;text-align:center;position:fixed;bottom:0;z-index:2;display:flex;flex-direction:row}.footer,.footer .logo{width:100%}.footer .logo img{width:30px;margin-bottom:-10px;margin-right:10px}h3{margin:10px auto}.foot{color:red}.text-animate{opacity:0;animation:bounceIn;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}.text-animate,.text-animate-hover{display:inline-block;min-width:5px}.text-animate-hover{animation-fill-mode:both}.text-animate-hover:hover{animation:rubberBand 1s;color:red}.text-animate._1{animation-delay:.1s}.text-animate._2{animation-delay:.2s}.text-animate._3{animation-delay:.3s}.text-animate._4{animation-delay:.4s}.text-animate._5{animation-delay:.5s}.text-animate._6{animation-delay:.6s}.text-animate._7{animation-delay:.7s}.text-animate._8{animation-delay:.8s}.text-animate._9{animation-delay:.9s}.text-animate._10{animation-delay:1s}.text-animate._11{animation-delay:1.1s}.text-animate._12{animation-delay:1.2s}.text-animate._13{animation-delay:1.3s}.text-animate._14{animation-delay:1.4s}.text-animate._15{animation-delay:1.5s}.text-animate._16{animation-delay:1.6s}.text-animate._17{animation-delay:1.7s}.text-animate._18{animation-delay:1.8s}.text-animate._19{animation-delay:1.9s}.text-animate._20{animation-delay:2s}.text-animate._21{animation-delay:2.1s}.text-animate._22{animation-delay:2.2s}.text-animate._23{animation-delay:2.3s}.text-animate._24{animation-delay:2.4s}.text-animate._25{animation-delay:2.5s}.text-animate._26{animation-delay:2.6s}.text-animate._27{animation-delay:2.7s}.text-animate._28{animation-delay:2.8s}.text-animate._29{animation-delay:2.9s}.text-animate._30{animation-delay:3s}.text-animate._31{animation-delay:3.1s}.text-animate._32{animation-delay:3.2s}.text-animate._33{animation-delay:3.3s}.text-animate._34{animation-delay:3.4s}.text-animate._35{animation-delay:3.5s}.text-animate._36{animation-delay:3.6s}.text-animate._37{animation-delay:3.7s}.text-animate._38{animation-delay:3.8s}.text-animate._39{animation-delay:3.9s}.text-animate._40{animation-delay:4s}.text-animate._41{animation-delay:4.1s}.text-animate._42{animation-delay:4.2s}.text-animate._43{animation-delay:4.3s}.text-animate._44{animation-delay:4.4s}.text-animate._45{animation-delay:4.5s}.text-animate._46{animation-delay:4.6s}.text-animate._47{animation-delay:4.7s}.text-animate._48{animation-delay:4.8s}.text-animate._49{animation-delay:4.9s}.text-animate._50{animation-delay:5s}.text-animate._51{animation-delay:5.1s}.text-animate._52{animation-delay:5.2s}.text-animate._53{animation-delay:5.3s}.text-animate._54{animation-delay:5.4s}.text-animate._55{animation-delay:5.5s}.text-animate._56{animation-delay:5.6s}.text-animate._57{animation-delay:5.7s}.text-animate._58{animation-delay:5.8s}.text-animate._59{animation-delay:5.9s}.text-animate._60{animation-delay:6s}.text-animate._61{animation-delay:6.1s}.text-animate._62{animation-delay:6.2s}.text-animate._63{animation-delay:6.3s}.text-animate._64{animation-delay:6.4s}.text-animate._65{animation-delay:6.5s}.text-animate._66{animation-delay:6.6s}.text-animate._67{animation-delay:6.7s}.text-animate._68{animation-delay:6.8s}.text-animate._69{animation-delay:6.9s}.text-animate._70{animation-delay:7s}.home-page .text-zone{position:absolute;left:20%;top:50%;transform:translateY(-50%);width:40%;max-height:90%}.home-page h1{color:#fff;font-size:300%;margin:0;font-family:Coolvetica;font-weight:400}.home-page h1:before{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;margin-top:-5%;opacity:.6;margin-left:-5%}.home-page h1 img{width:26px;height:auto;margin-left:20px;opacity:0}.home-page h1 .m-img{animation:rotateIn 1s linear both;animation-delay:.9s}.home-page h1 .a-img{animation:rotateIn 1s linear both;animation-delay:1.7s}.home-page h1 .c-img{animation:rotateIn 1s linear both;animation-delay:2.5s}.home-page .bottom-h1-tag{content:"";font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-left:-5%}.home-page h2{color:#8d8d8d;margin-top:10%;font-weight:400;font-size:11px;font-family:sans-serif;letter-spacing:3px;animation:fadeIn 1s 5.5s backwards}.home-page h2:before{content:"
";margin-top:-5%}.home-page .bottom-p-tag,.home-page h2:before{font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-left:-5%}.home-page .bottom-p-tag{content:"";margin-top:-2%;animation:fadeIn 1s 5.5s backwards}.home-page .flat-button{color:red;font-size:13px;font-weight:800;letter-spacing:3px;font-family:Coolvetica;text-decoration:none;padding:10px;border:3px solid red;border-radius:20px;margin-top:10px;margin-right:10px;float:left;animation:fadeIn 1s 5.5s backwards;white-space:nowrap;width:100px}.home-page .flat-button:hover{background-color:red;color:#444}@keyframes borderAnimation{0%{border-color:red;border-width:2px}50%{border-color:#000;border-width:5px;opacity:.6}to{border-color:red;border-width:2px}}.logo-container{z-index:-100;width:400px;height:609px;top:0;right:5%;bottom:0;left:auto}.logo-container,.solid-logo{position:absolute;margin:auto}.solid-logo{top:auto;right:auto;bottom:auto;left:0;width:100%;z-index:1;border:2px solid red;border-radius:50%;animation:borderAnimation 3s infinite}.stage-cube-cont{width:50%;height:100%;top:0;padding-top:18%;margin-left:0;position:absolute;right:0;overflow:hidden;animation:fadeIn 1s backwards;animation-delay:1s}.cubespinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;margin-left:calc(50% - 100px)}.cubespinner div{position:absolute;width:200px;height:200px;border:1px solid #ccc;background:hsla(0,0%,100%,.4);text-align:center;font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px 0 #ffffe0}.cubespinner .face1{transform:translateZ(100px);color:#61dafb}.cubespinner .face2{transform:rotateY(90deg) translateZ(100px);color:#f06529}.cubespinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px);color:#1572b6}.cubespinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px);color:#f7df1e}.cubespinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px);color:#f05032}.cubespinner .face6{transform:rotateX(-90deg) translateZ(100px);color:#000}@keyframes spincube{0%,to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg) rotate(90deg)}33%{transform:rotateY(-90deg) rotateX(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotateX(90deg)}83%{transform:rotateX(90deg)}}.leadership-section{margin-top:20px;border-top:1px solid hsla(0,0%,100%,.1);padding-top:15px}.leadership-section h3{color:red;font-family:Coolvetica;font-weight:400;font-size:22px;margin-bottom:10px}.leadership-section ul{list-style:none;padding:0;margin:0}.leadership-section ul li{color:#c8c8c8;font-size:13.5px;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:400;line-height:1.6;padding:4px 0 4px 14px;position:relative}.leadership-section ul li:before{content:"▸";color:lime;position:absolute;left:0}.tech-tag{margin-left:2px}.link,.tech-tag{color:lime;font-size:14px;position:relative;display:inline-block;opacity:.8;animation:fadeIn 1s backwards}.link{margin-left:3px;text-decoration:none}.link:hover{color:red;opacity:.8}.stage-sphere-cont{width:50%;height:100%;top:0;padding-top:18%;margin-left:0;position:absolute;right:0;overflow:hidden;animation:fadeIn 1s backwards;animation-delay:1s}.spherespinner{width:200px;height:200px;position:relative;transform-style:preserve-3d;animation:spinsphere 12s linear infinite;margin:0 auto}.face{position:absolute;width:70px;height:70px;background:hsla(0,0%,100%,.4);border:1px solid #ccc;border-radius:50%;text-align:center;font-size:50px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px 0 #ffffe0}.face1{transform:translateZ(100px)}.face2{transform:translate3d(100px,0,0)}.face3{transform:translate3d(0,100px,0)}.face4{transform:translate3d(-100px,0,0)}.face5{transform:translate3d(0,-100px,0)}.face6{transform:translateZ(-100px)}.face7{transform:translate3d(70.7px,70.7px,0)}.face8{transform:translate3d(-70.7px,70.7px,0)}.face9{transform:translate3d(70.7px,-70.7px,0)}.face10{transform:translate3d(-70.7px,-70.7px,0)}.face11{transform:translate3d(70.7px,0,70.7px)}.face12{transform:translate3d(-70.7px,0,70.7px)}@keyframes spinsphere{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}.certifications{margin-top:20px;border-top:1px solid hsla(0,0%,100%,.1);padding-top:12px}.certifications h3{color:red;font-family:Coolvetica;font-weight:400;font-size:20px;margin-bottom:8px}.certifications ul{list-style:none;padding:0;margin:0}.certifications ul li{color:#c8c8c8;font-size:13.5px;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:400;line-height:1.6;padding:3px 0 3px 14px;position:relative}.certifications ul li:before{content:"▸";color:lime;position:absolute;left:0}.works-page h1{font-size:53px;font-family:Coolvetica;color:red;font-weight:400;margin-top:0;left:10px;margin-bottom:40px;position:relative}.works-page h1:before{content:"
";margin-top:-2%}.works-page .bottom-h1-tag,.works-page h1:before{font-family:La Belle Aurore;color:lime;font-size:18px;position:absolute;opacity:.6;margin-left:-5%;animation:fadeIn 1s backwards}.works-page .bottom-h1-tag{content:"";margin-top:-5%}.work-zone{position:absolute;left:20%;top:50%;transform:translateY(-50%);width:60%;vertical-align:middle;display:table-cell;max-height:90%}.projects{max-height:55vh;overflow-y:auto;padding-right:10px;margin-top:20px}.projects .project-badge{display:inline-block;font-size:10px;color:lime;border:1px solid lime;border-radius:10px;padding:2px 8px;margin-bottom:8px;font-family:La Belle Aurore}.projects .project{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:10px;background-color:#2e3b4e;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.projects .project img{width:100%;max-width:300px;border-radius:10px;margin-bottom:10px}.projects .project h2{font-size:1.5rem;color:#fff;margin-bottom:10px}.projects .project p{font-size:1rem;color:#ccc;text-align:center}.projects .project a{text-decoration:none}.projects::-webkit-scrollbar{width:12px}.projects::-webkit-scrollbar-track{background:#1e2a38;border-radius:10px}.projects::-webkit-scrollbar-thumb{background:linear-gradient(180deg,red,green);border-radius:10px;border:3px solid #1e2a38}.projects::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,green,red)}.contact-form{margin-top:40px;width:100%}.contact-form ul{list-style:none;padding:0;margin:0}.contact-form ul li{padding:0;list-style:none;margin:0 0 10px;overflow:hidden;display:block;position:relative;opacity:0;animation:fadeInUp 2s 2s forwards;clear:both}.contact-form ul li.half{width:49%;float:left;margin-left:2%;clear:none}.contact-form ul li.half:first-child{margin-left:0}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{width:100%;padding:10px;border:0;border-radius:5px;font-size:16px;background:#093b56;color:#f0f8ff;box-sizing:border-box}.contact-form textarea{height:50px;min-height:150px}.contact-form .flat-button{background:#093b56;color:red;padding:10px;border:3px solid red;border-radius:20px;font-size:16px;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;box-sizing:border-box;float:right;opacity:.8;font-weight:600}.contact-form .flat-button:hover{background:red;color:#0d4f6e;opacity:.8}.contact-form:before{content:"
"}.info-map{position:absolute;background-color:#093b56;top:15px;right:1%;z-index:1100;width:267px;padding:20px;color:#f0f8ff;font-family:Helvetica;font-size:17px;font-weight:300;opacity:0;animation:fadeIn 1s 1.5s forwards}.info-map span{font-size:14px;display:block;color:red;font-weight:700}.map-wrap{background:#021b29;float:right;width:43%;height:100%}.leaflet-container{width:100%;height:100%;position:relative;opacity:0;animation:backInRight 1s 1.2s forwards}.experience-page .work-zone{position:absolute;left:20%;top:50%;transform:translateY(-50%);width:65%;max-height:85%;overflow-y:auto;padding-right:10px}.experience-page .work-zone::-webkit-scrollbar{width:8px}.experience-page .work-zone::-webkit-scrollbar-track{background:#1e2a38;border-radius:10px}.experience-page .work-zone::-webkit-scrollbar-thumb{background:linear-gradient(180deg,red,#006400);border-radius:10px}.timeline{position:relative;padding:10px 0 20px}.timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,red,#006400)}.timeline-item{position:relative;margin-left:44px;margin-bottom:24px;background:#1a2a3a;border-radius:10px;padding:18px 20px;border-left:3px solid red;animation:fadeIn 1s backwards}.timeline-item:first-child{animation-delay:1.1s}.timeline-item:nth-child(2){animation-delay:1.3s}.timeline-item:nth-child(3){animation-delay:1.5s}.timeline-item:nth-child(4){animation-delay:1.7s}.timeline-item .timeline-dot{position:absolute;left:-34px;top:18px;width:16px;height:16px;background:red;border-radius:50%;border:2px solid #022c43;box-shadow:0 0 8px red}.timeline-item .job-title{color:red;font-size:16px;font-family:Coolvetica;font-weight:400;margin:0 0 4px}.timeline-item .company-name{color:#fff;font-size:15px;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:500;margin:0 0 4px}.timeline-item .duration{color:lime;font-size:12px;font-family:La Belle Aurore;margin-bottom:12px;display:block}.timeline-item .job-type{display:inline-block;font-size:11px;color:lime;border:1px solid lime;border-radius:10px;padding:1px 8px;margin-bottom:10px;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:500}.timeline-item ul{list-style:none;padding:0;margin:0}.timeline-item ul li{color:#b8c8d4;font-size:13.5px;font-family:var(--font-inter),"Helvetica Neue",sans-serif;font-weight:400;line-height:1.65;padding:3px 0 3px 16px;position:relative}.timeline-item ul li:before{content:"▸";color:lime;position:absolute;left:0;font-size:11px}@media screen and (max-width:1200px){body{overflow:visible}.nav-bar{background:transparent;position:static;height:auto;min-height:auto}.nav-bar nav,.nav-bar ul{display:none}.nav-bar nav{width:100%;top:0;left:0;background:#181818;height:100%;margin:0;z-index:2;position:fixed}.nav-bar nav.mobile-show{display:block}.nav-bar nav a{display:flex;justify-content:center;align-items:center}.nav-bar nav a:after{opacity:1;position:static;width:auto;margin-left:10px}.nav-bar nav a svg{opacity:1!important}.nav-bar ul{width:100%;top:1;left:10;z-index:2;position:fixed}.nav-bar ul.mobile-show{display:block}.nav-bar ul li{display:flex;justify-content:center;align-items:center}.nav-bar ul li svg{opacity:1!important}.nav-bar .close-icon,.nav-bar .hamburger-icon{position:absolute;top:15px;right:15px;display:block}.bottom-h1-tag,.bottom-p-tag,.home-page h1:after,.home-page h1:before,.home-page h2:before,.tags{display:none}.home-page .text-zone{position:static;width:100%;transform:none;padding:10px;box-sizing:border-box;margin-top:10px}.home-page h1{font-size:200%}.home-page h1 img{width:16px}.home-page .flat-button{float:none;display:block;width:100px}.page{position:static}.about-page h1:before,.bottom-h1-tag,.contact-page h1:before,.experience-page h1:before,.skills-page h1:before,.top-p-tag,.works-page h1:before{display:none}.container{position:static}.container.about-page .text-zone,.container.contact-page .text-zone,.container.experience-page .text-zone,.container.skills-page .text-zone{position:static;transform:none;width:100%;display:block;padding:20px;box-sizing:border-box}.stage-cube-cont,.stage-sphere-cont{position:static;width:100%;height:0;overflow:visible;margin-top:-10%}.work-zone{position:static;transform:none;width:100%;display:block;padding:0 20px;box-sizing:border-box}.projects{margin-top:0}.contact-page h1{margin:-20px 0 0}.contact-page p{margin:0}.contact-form{margin-top:10px}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{padding:5px 10px;font-size:12px}.contact-form textarea{min-height:70px}.contact-form .flat-button{padding:5px;font-size:12px}.contact-form ul li{margin-bottom:5px}.contact-form:after,.contact-form:before{display:none}.map-wrap{float:none;margin:0;width:100%;height:400px}.info-map{top:300px;right:1%;font-size:9px;width:120px;padding:5px}.info-map span{font-size:7px;color:aqua}.experience-page .work-zone{position:static;transform:none;width:100%;padding:20px;box-sizing:border-box;max-height:none;overflow-y:visible}}@media screen and (max-width:720px){.contact-page h1{font-size:28px;margin-left:-10px}.logo-container{position:absolute;width:200px;height:auto;top:150px}}@media screen and (max-width:600px){.container.about-page h1,.container.experience-page h1,.container.skills-page h1{font-size:28px;margin-left:-10px;margin-bottom:0;margin-top:-25px}.container.about-page p,.container.skills-page p{font-size:11px;margin:2px}}