body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root{background-image:url(/static/media/background.907c62dffe4ea2bf5859.jpeg);background-size:100% 100%;display:flex;height:100vh;justify-content:center}.container{align-items:center;background-color:#0009;background-color:#0000004d;background-image:linear-gradient(#7f7f7f80,#000);background-size:cover;border-radius:9px;box-shadow:0 0 6px #fff;display:flex;flex-direction:column;margin:12px 0;padding:45px;width:60%}abbr{cursor:pointer;text-decoration:none}.btn{background-image:linear-gradient(90deg,silver,#201f1f);border-bottom-right-radius:12px;border-top-left-radius:12px;box-shadow:0 0 6px #000;color:#fff;padding:15px;text-align:center;text-shadow:0 0 2px #fff;width:40%}.main{display:flex;justify-content:space-evenly;margin:19px 0;width:100%}.main nav ul li{background-color:#f7f6f6;border-radius:9px;font-weight:800;list-style:none;margin:13px 0;padding:9px;text-align:center;width:120px}.main nav ul li:hover{box-shadow:0 0 5px #000;cursor:pointer}.main .image #avatar{height:480px;width:100%}.main #options{width:30%}.main #options .right-btn{background-color:#f0f8ff;border-radius:9px;cursor:pointer;font-weight:800;margin:15px 0;padding:12px;text-align:center;width:100%}.main #options .right-btn:hover{box-shadow:0 0 6px #000}@media (min-width:300px) and (max-width:800px){html{font-size:80%}#root{height:100vh;margin:0}.container{border-radius:0;height:100%;margin-top:0;width:100%}.btn{width:92%}.container .main nav ul li{font-size:.7rem;width:100%}.main .image #avatar{height:400px;width:100%}.main #options .right-btn{font-size:.7rem}#about{width:95%}}@media (min-width:1000px){.btn{width:85%}}.time{margin-right:30px;width:16%}.time,.time h2{border-radius:9px;padding:12px;text-align:center}.time h2{background-color:#000;color:lime;margin-bottom:30px;width:100%}@media (min-width:300px) and (max-width:800px){.time{display:none}}#popup{background-color:#000;box-shadow:0 0 3px #fff;color:#fff;position:relative;width:56%;z-index:3}#popup .top{background-color:#818181;display:flex;justify-content:space-between;padding:15px}#popup .mid{margin-bottom:55px;padding:21px;z-index:3}#popup .mid h2{color:#fff;font-size:1.8rem;margin-bottom:6px}#popup .mid p{color:#ececec;font-size:1.09rem;padding-left:12px}#popup .mid ul{padding-left:30px}#popup .mid ul li{margin-top:9px}#popup .about-body{display:flex;justify-content:space-around}#popup .about-body .owner-name{color:#60a0e1}#popup .about-body h2{margin-bottom:12px}#popup .about-body>p{color:#ececec;font-size:1.09rem}#popup .about-body .social-links{align-items:center;display:flex;font-size:2rem;justify-content:space-evenly;margin-top:9px;padding:12px;width:40%}#popup .about-body .social-links>a{color:#fff;text-decoration:none}#popup .bottom{bottom:-4px;position:absolute;width:100%}#popup .mid .contactForm{padding:12px;width:100%}#popup .mid .contactForm input,textarea{background-color:#fff;border:none;border-radius:6px;box-shadow:0 0 4px #fff;color:#000;margin:9px 0;outline:none;padding:9px;width:100%}#popup .mid .contactForm textarea{max-height:70px;max-width:100%;min-height:70px;min-width:100%}#popup .mid .contactForm #submit-btn{background-color:#d2691e;border:none;border-radius:7px;color:#fff;outline:none;padding:7px;width:25%}@media (min-width:300px) and (max-width:650px){#popup{width:95%}#popup .about-body .social-links{width:70%}}.shade{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;position:absolute;top:0;width:100%}#project-popup{background-color:#0009;box-shadow:0 0 3px #fff;color:#fff;height:80vh;position:relative;width:80%}#project-popup .top{background-color:#818181;display:flex;justify-content:space-between;padding:15px}.top .closeBtn{background-color:#818181;border:none;color:#fff;font-size:25px;outline:none}.top .closeBtn:hover{cursor:pointer}#project-popup .mid{padding:21px}#project-popup .mid h2{color:#fff;font-size:1.8rem;margin-bottom:19px}.project-card-container{align-items:center;display:flex;flex-wrap:wrap;height:50vh;justify-content:space-evenly;overflow:auto;width:100%}.project-card-container .project-card{width:30%}.project-card-container .project-card img{border:2px solid #6c6868;border-radius:9px;width:100%}#project-popup .bottom{bottom:-4px;position:absolute;width:100%}@media (min-width:300px) and (max-width:650px){#project-popup{width:95%}}
/*# sourceMappingURL=main.e6f70161.css.map*/