@import url(https://fonts.googleapis.com/css2?family=Play&display=swap);*{padding:0;margin:0;box-sizing:border-box}html{background:url(/static/media/background-image.4aceb30d.jpg) no-repeat 50% fixed;background-size:cover}body{overflow-x:hidden;font-family:"Play",sans-serif}.contact{text-align:left;width:100%}.contact h1{opacity:.6}.contact-details{display:-webkit-flex;display:flex;width:100%;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:center;justify-content:center;margin-top:20px}.skills{text-align:left;width:100%}.skills h3,h1{opacity:.6}.skills-detail{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:20px;border-bottom:1px solid #1f3a52;padding-bottom:10px}.skill{background-color:#436583;padding:5px;color:#fff;border-radius:5px;font-size:.7rem;letter-spacing:2px}.flip-card,.skill{margin:10px 10px 0 0}.flip-card{background-color:transparent;width:300px;height:50px;-webkit-perspective:1000px;perspective:1000px;line-height:50px;border-radius:10px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:#000}.flip-card-front h4{color:#436583}.flip-card-back{background-color:#2980b9;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.logo{background-color:#fff}.logo-img{width:100%;padding:5px 0;height:auto}.header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 10px;background-color:#fff;-webkit-align-items:center;align-items:center;color:#1f3a52;font-weight:700;height:80px;box-shadow:0 15px 15px -5px}li a:hover{color:#2980b9}.menu{margin-left:auto;margin-right:100px}.hm{margin:0 50px 0 auto;display:none}.hm i{font-weight:bolder;font-size:1.4rem;color:#44baee}.menu ul{padding:5px;display:-webkit-flex;display:flex;list-style:none;width:100%;margin-left:auto}.menu li+li{margin-left:20px}.showhidemenu{visibility:visible}.home{margin-top:10px;padding:20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}a{text-decoration:none}a,a:visited{color:#436583}.profile_pic{width:300px;max-width:400px;height:400px}.bg,.profile_pic{border-radius:15px}.bg{background-image:url(/static/media/athar_rbg.cca28ee6.png);background-size:cover;width:250px;height:350px;background-blend-mode:screen,difference,lighten;background-repeat:no-repeat,repeat}.page1{width:90%;margin:auto}.hometext{margin:auto 0}.hometext h1{opacity:.6;margin-bottom:20px}.hometext p{font-size:1.3rem;line-height:1.6}.about h1{margin-bottom:20px}.about p{margin-bottom:10px;line-height:1.6;font-size:1.3rem}@media screen and (max-width:768px){.showhidemenu{visibility:hidden}.page1{width:100%}.menu ul{display:-webkit-flex;display:flex;position:absolute;top:100px;left:20px;border-bottom:1px solid #436583}.hm{display:block;cursor:pointer}.menu li+li{margin-left:10px}.home{margin-top:60px}.profile_pic{height:250px}}@media Screen and (max-width:600px){.bg{display:none}.menu li{font-size:14px}}
/*# sourceMappingURL=main.02774ed5.chunk.css.map */