*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background:#fff;height:100vh}.main-container{width:100%;height:100%}.nav-container{position:fixed;top:0;z-index:1;display:flex;background:#fff;flex-direction:row;padding:1.2rem;align-items:center;box-shadow:2px 2px 4px grey;justify-content:space-between;width:100%;height:9vh}.nav-container.active{background:fff;height:9vh;border-radius:2px}.logo{font-family:"Acme",sans-serif;font-size:1.8rem;color:#55198b;cursor:pointer}.link{list-style-type:none;float:left}.nav-links .anchor{display:inline-block;color:#000;text-decoration:none;cursor:pointer;font-family:"Varela Round",sans-serif;font-size:1rem;font-weight:400;line-height:9.1vh;margin:.8rem}.nav-links .anchor:hover{color:#55198b}.anchor.active{color:#55198b;font-weight:800;border-bottom:2px solid #55198b}.menu-icon{display:none}.home-container{font-family:"Varela Round",sans-serif;display:flex;color:#fff;flex-direction:row;background-color:#1d1b1b;height:100%;padding:1rem;align-items:center;width:100%;min-height:100vh}.content-container{width:50vw;height:100%;flex-direction:column;display:flex;padding:1.8rem;margin-top:3rem;justify-content:center}.main-content{font-size:3rem}.skill-content{margin:.6rem 0;color:#9c72be;font-family:"Varela Round",sans-serif;font-weight:400;font-size:1.6rem}.skill-animation{height:60px;width:100%;margin:1rem 0}.hand{display:inline-block;margin:.9rem;cursor:pointer}.welcome-content{color:grey}.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.svg{height:75%}.services-container{height:100vh;flex-direction:column;font-family:"Exo 2",sans-serif;color:#000;font-size:1.3rem;padding:2rem;margin-top:8rem}.services-container,.services-wrapper{align-items:center;justify-content:center;display:flex;width:100%}.services-wrapper{margin-top:4rem;height:30vh;flex-wrap:wrap;flex-direction:row}.services{display:flex;align-items:center;justify-content:space-evenly;width:400px;margin:1rem;box-shadow:3px 2px 10px grey;height:9rem;border-radius:20px;padding:3rem;text-align:center}.services:hover{border:1px solid grey}.services img{height:3.7rem}.services li{list-style-type:none;font-family:"Varela Round",sans-serif;font-size:1rem;font-weight:700}.skills-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.skills-container h1{margin:2rem 0}.techs{display:flex;align-items:center;justify-content:space-evenly;width:100%;box-shadow:3px 2px 10px grey;min-height:12rem;border-radius:20px;padding:3rem;flex-wrap:wrap;margin:2rem;text-align:center}.techs:hover{border:1px solid grey}.techs i{margin:1.1rem;font-size:4.8rem}.techs li{list-style-type:none;font-family:"Varela Round",sans-serif;font-size:1rem;font-weight:700}.techs .html{color:rgb(204 78 29)}.techs .css{color:#5898dc}.techs .javascript{color:#ecec1c}.techs .bootstrap{color:#9300ff}.techs .sass{color:#c300ff}.techs .react{color:#29c2ff}.techs .typescript{color:#042f67}.techs .python{color:#82e1ff}.portfolio-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.portfolio-container h1{margin:3rem 0}.projects-container{min-height:60vh;width:100%;flex-wrap:wrap;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.projects{height:23rem;width:21rem;margin:1rem;box-shadow:3px 2px 10px grey}.project-images,.projects{cursor:pointer;border-radius:10px}.project-images{width:100%;border-bottom:1px solid #55198b;height:70%}#coronaTracker{background-image:url(/static/media/p1.fc9a607b.png)}#coronaTracker,#shoeStore{background-size:cover;background-repeat:no-repeat}#shoeStore{background-image:url(/static/media/p2.afb864a5.png)}#quizApp{background-image:url(/static/media/p3.030d51d5.png)}#expenseTracker,#quizApp{background-size:cover;background-repeat:no-repeat}#expenseTracker{background-image:url(/static/media/p4.882935da.png)}#matiari{background-image:url(/static/media/p5.69dabe6d.png);background-size:cover;background-repeat:no-repeat}.project-links{display:flex;flex-direction:column;width:100%;height:30%;justify-content:center;align-items:center}.project-links .text{color:#000;font-family:"Varela Round",sans-serif;font-size:.8rem}.project-links .icons,.project-links .text{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.icons #github{background-color:#333}.icons #github:hover{background-color:#0f0f0f}.icons #live{background-color:#105810}.icons #live:hover{background-color:#104158}.icons i{color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;border-radius:2.6rem;margin:0 5px 10px;transition:all .2s ease-in 0s}.achievements-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}#reactBasic{background-image:url(/static/media/c1.7245110d.jpeg)}#html5,#reactBasic{background-size:cover;background-repeat:no-repeat}#html5{background-image:url(/static/media/c2.d52d1a13.jpeg)}#git{background-image:url(/static/media/c3.6dccff11.jpeg)}#git,#specPython{background-size:cover;background-repeat:no-repeat}#specPython{background-image:url(/static/media/c4.29317ef0.jpeg)}.contact-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.profile-image{margin:1rem;box-shadow:6px 6px 10px grey;width:170px;border:1px solid #000;border-radius:50%;background-image:url(/static/media/hasan.df322af7.png);background-size:cover;height:170px}.cards-container{flex-direction:row;flex-wrap:wrap;width:100%;min-height:40vh}.cards,.cards-container{display:flex;justify-content:center;align-items:center}.cards{text-align:center;box-shadow:3px 2px 10px grey;border-radius:20px;flex-direction:column;width:16rem;height:9rem;margin:1rem;padding:1.3rem 0}.cards:hover{border:1px solid grey}.contact-icons{display:flex;align-items:center;width:100%;height:33.33%;text-align:center;justify-content:center}.contact-text{width:100%}.contact-links,.contact-text{display:flex;margin-top:.7rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";height:33.33%;font-size:1rem;align-items:center;justify-content:center}.contact-links{width:90%}.contact-links>span{display:block}.contact-links i{cursor:pointer;margin:.3rem;display:block;font-size:1.3rem;position:relative;text-align:center;padding:.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contact-links a{text-decoration:none}.contact-links i:hover{box-shadow:2px 2px 4px grey;border-radius:20%}.contact-links #github{color:rgba(0,0,0,.884)}.contact-links:hover #github{color:#000}.contact-links #facebook{color:rgba(28,28,231,.938)}.contact-links:hover #facebook{color:#1c1ce7}.contact-links #instagram{color:rgba(214,84,45,.89)}.contact-links:hover #instagram{color:#d6542d}.contact-links #linkedin{color:rgba(61,142,183,.92)}.contact-links:hover #linkedin{color:#3d8eb7}.contact-links #twitter{color:rgba(0,183,255,.95)}.contact-links:hover #twitter{color:#00b7ff}.contact-icons i{color:#f35166;cursor:pointer;font-size:1.7rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in 0s}.footer-container{font-family:"Exo 2",sans-serif;display:flex;color:#000;font-size:.7rem;padding:2rem;border-top:2px solid #000;align-items:center;justify-content:space-evenly;width:100%;height:8vh}.footer-container a{text-decoration:none;font-family:"Varela Round",sans-serif;color:#9300ff;text-shadow:1px 1px 1px #000}.footer-container a:hover{color:rgba(91,189,34,.77)}.button:hover{background-color:#fff;color:#55198b;transition:all .3s ease 0s;transform:translateY(-3px)}.button,.button-link{text-decoration:none}.button{background-color:#55198b;border:1px solid #55198b;color:#fff;font-weight:700;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:13px 22px;text-transform:uppercase;border-radius:6px;text-align:center;display:block;outline:none;margin-top:3.6rem;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out 0s}.heading{margin:2rem 0;font-family:"Varela Round",sans-serif;color:#000}@media screen and (max-width:1150px){.home-container{flex-direction:column}.content-container{padding-top:5rem;width:100vw;align-items:center;justify-content:center;text-align:center}.svg-container{width:100vw}}@media screen and (max-width:900px){.nav-links{display:flex;flex-direction:column;width:100%;min-height:500px;position:absolute;top:9vh;text-align:center;align-items:center;left:-100%}.nav-links,.nav-links.active{opacity:1;transition:all .5s ease}.nav-links.active{background:hsla(0,0%,100%,.911);left:0;z-index:1}.menu-icon{display:block;position:relative;margin:0 1rem;font-size:1.8rem;cursor:pointer}.nav-links .anchor{display:block;line-height:9.1vh;width:100vw;margin:.4rem}.anchor.active{color:#fff;font-weight:800;border:none;background:rgba(0,0,0,.534)}.nav-links.active .anchor:hover{color:#000}}@media screen and (max-width:700px){.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.svg{height:60%}}@media screen and (max-width:550px){.content-container{font-size:.7rem}.main-content{font-size:2rem}.skill-content{margin:.6rem 0;font-size:1.2rem}.hand{font-size:1.8rem}.welcome-content{font-size:.7rem}}@media screen and (max-width:500px){.svg{height:40%}}@media screen and (max-width:415px){.skill-content{font-size:1rem}}@media screen and (max-width:395px){.heading{font-size:1.2rem}.button{font-size:.8rem}}
/*# sourceMappingURL=main.248647bc.chunk.css.map */