@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@200;300;400;500;600;700&display=swap);body{margin:0;font-family:"Inter",-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;background-color:#f8fafc;font-weight:400;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{min-height:100vh;width:100%}.App .title{z-index:10;position:absolute;left:50%;background:linear-gradient(135deg,#1e40af,#1e3a8a);top:45%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:75%;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;width:100%}.App .title h1{position:relative;color:#fff;font-weight:300;font-size:90px;padding:0;margin:0;line-height:1.1;text-shadow:0 2px 4px rgba(30,41,59,.3);letter-spacing:-.02em}.App .title span{font-weight:600;padding:0;margin:0;color:#fff}.App .title h3{font-weight:300;font-size:20px;padding:0;margin:0;line-height:1.4;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px rgba(30,41,59,.3)}.App .app-bar{height:50px;text-align:center}.App .loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center}.App .loader>div{display:block!important;position:relative!important;-webkit-transform:translate(-50px,-50px)!important;transform:translate(-50px,-50px)!important}.App .loader *,.App .loader>div{margin:0!important;padding:0!important}.App .after-loaded-hidden{visibility:hidden}.App .after-loaded-visible{visibility:visible}.App .inside-styles-of-parallax{background:"white";padding:20;position:"absolute";top:50%;left:75%;-webkit-transform:"translate(-50%,-50%)";transform:"translate(-50%,-50%)"}.App .topnav .icon{display:none}.App .paper_image{width:100%;height:100%;object-fit:contain;border-radius:8px 8px 0 0;background-color:#f8fafc}.App .footer{background:#1e293b}.App .footer .footer-icon{height:50px}.color-white{color:#fff!important}.flex{display:flex;justify-content:center;align-items:center}.flex-col{flex-direction:column}.height-100-percent{height:100%}.flex-wrap{flex-wrap:wrap}.padding-10px{padding:10px}.hero-paper{height:350px;width:350px;margin:2%}.frontend-big-paper{height:450px}.inside-styles-of-parallax .hero-paper{opacity:1%}.flex-direction-column{flex-direction:column}.contact-me{margin:0 20px 20px}.contact-me .contact-me-input{width:100%}.margin-0px{margin:0}.margin-bottom-20px{margin-bottom:20px}.m-10-px{margin:10px!important}.ml-8{margin-left:8px!important}.ml-20{margin-left:20px!important}.mt-8{margin-top:8px!important}.mt-16{margin-top:16px!important}.mt-20{margin-top:20px!important}.mt-24{margin-top:24px}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-90{margin-top:90px!important}.mx-8{margin-left:8px;margin-right:8px}.mx-40{margin-left:40px;margin-right:40px}.m-t-70-px,.margin-top-50px{margin-top:50px}.justify-content-space-between{justify-content:space-between}.flex-justify-content-end{display:flex;justify-content:flex-end}.flex-justify-content-center{display:flex;justify-content:center}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.opacity-75-percent{opacity:1%}.margin-right-10px{margin-right:10px}.margin-right-20px{margin-right:20px!important}.margin-left-20px{margin-left:20px!important}.padding-20-px{padding:20px}nav{background:#1e293b;padding:5px 20px;position:fixed;top:0;width:100%;height:10%;z-index:500}.first-hero{margin-top:5%;height:500px}.nav-elem,.nav-elem .MuiButton-root{color:#fff}ul{list-style-type:none}.experience-ul{list-style-type:disc!important}.menu a{color:#fff;text-decoration:none}.menu a:hover{text-decoration:underline}.menu .logo a:hover{text-decoration:none}.menu li{font-size:16px;padding:15px 5px;white-space:nowrap;font-weight:500;letter-spacing:.01em}.logo a,.toggle a{font-size:20px;font-weight:600;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.button.secondary{border-bottom:1px solid #444}.menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#1e293b}.toggle{order:1}.item.button{order:2}.item{width:100%;text-align:center;order:3;display:none}.item.active{display:block}.toggle{margin-right:10%}.article-content{margin:100px 12% 70px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.01em}.width-250-px{width:250px}.width-100-percent{width:100%}.width-30-percent{width:30%}.width-60-percent{width:60%}.width-70-percent{width:70%}.width-75-percent{width:75%}.width-80-percent{width:80%}.width-85-percent{width:85%}.width-90-percent{width:90%}@media (min-width:600px){.menu{justify-content:center}.logo,.toggle{flex:1 1}.toggle{text-align:right}.item.button{width:auto;order:1;display:block}.toggle{order:2}.button.secondary{border:0}.button a{padding:7.5px 15px;background:#1e40af;border:1px solid #1e3a8a}.button.secondary a{background:transparent}.button a:hover{text-decoration:none}.button:not(.secondary) a:hover{background:#1e3a8a;border-color:#1d4ed8}.button.secondary a:hover{color:#ddd}.navbar-contact,.navbar-home,.navbar-skills,.navbar-work{display:block}.navbar-contact-icon,.navbar-home-icon,.navbar-skills-icon,.navbar-work-icon{display:none!important}.skill-box{width:70%!important}}@media (min-width:900px){.item{display:block;width:auto}.toggle{display:none}.logo{order:0}.item{order:1}.button{order:2}.menu{height:10%;align-content:baseline}.menu li{padding:15px 10px}.title-text{margin-top:-25%!important}.hero-content{width:40%}.hero-home-image{width:55%}.navbar-contact,.navbar-home,.navbar-skills,.navbar-work{display:block}.navbar-contact-icon,.navbar-home-icon,.navbar-skills-icon,.navbar-work-icon{display:none!important}.skill-box{width:70%!important}}@media screen and (max-width:600px){nav{height:5%;padding-left:0}.title{top:30%!important;height:65%!important}.title .title-text{margin-top:-80%!important}.topnav .nav-elem{display:none}.topnav .icon{float:right;display:block!important}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive .nav-elem{float:none;display:block;text-align:left}.hero-content,.hero-home-image,.hero-home-image-img{width:100%}.myskills-img{width:90%}.navbar-contact,.navbar-home,.navbar-skills,.navbar-work{display:none}.navbar-contact-icon,.navbar-home-icon,.navbar-skills-icon,.navbar-work-icon{display:block}.navbar-contact-icon,.navbar-home-icon,.navbar-skills-icon,.navbar-work-icon{margin-right:4px}.skill-box{width:80%!important}.skill-box .skill-name{margin-right:10px;justify-content:flex-start!important}}.text-blue{color:#1e40af;text-decoration:none}.text-blue:hover{color:#1e3a8a;text-decoration:underline}.display-none{display:none}.color-grey,.wheat-color{color:#64748b}.article-container::-webkit-scrollbar{-webkit-appearance:none}.article-container::-webkit-scrollbar:horizontal{height:11px}.article-container::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #f8fafc;background-color:rgba(100,116,139,.5)}.article-container::-webkit-scrollbar-track{background-color:#f8fafc;border-radius:8px}
/*# sourceMappingURL=main.1e502766.chunk.css.map */