@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Delius&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.home{height:100vh}.home__marquee{margin:0;padding:0;position:absolute;font-family:"Poppins",sans-serif;font-size:250px;font-weight:700;text-transform:uppercase;color:#adb5bd}.home__marquee:first-child{bottom:40%}.home__marquee:nth-child(2){top:40%}.home__menu{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home__menuItem{height:200px;width:200px;margin:10px;color:#a8dadc;background-color:#457b9d;border-radius:15px;font-family:"Kaushan Script",cursive}.home__menuItem:hover{transition:.7s;color:#f1faee;background-color:#1d3557}.home__menuItem:hover h3{font-size:40px;transition:.3s}.about{height:100vh}.component__nav{background-color:#1d3557}.component__nav h3{font-family:"Kaushan Script",cursive;color:#a8dadc}.nav-item{color:#a8dadc;cursor:pointer}.nav-item:hover{color:#f1faee;transition:.6s}.about__main{font-family:"Delius",cursive}.about__main .hello__text{font-size:20px}.about__main .about__name{font-family:"Kaushan Script",cursive;font-size:60px;font-weight:600;color:#1d3557}.about__main .about__name .about__age{font-size:18px}.about__main .about__title,.about__main .highlight{color:#e63946}.about__main .main__text{font-size:24px}.about__main .main__text a{text-decoration:none}.about__main .social__links .social__icon{height:40px;width:40px;margin:auto 5px;color:#1d3557}.about__main .social__links .social__icon:hover{color:#e63946}.about__main .interests,.about__main .skills{display:inline-block}.about__main .interests ul,.about__main .skills ul{list-style:none;padding:0}.about__main .interests li,.about__main .skills li{float:left;transition:.3s}.about__main .interests li:hover,.about__main .skills li:hover{background-color:#e63946;color:#fff}.projects{height:100vh}.projects__main{font-family:"Delius",cursive}.projects__main .projects__title{font-family:"Kaushan Script",cursive;font-size:60px;font-weight:600;color:#1d3557}.projects__main .highlight{color:#e63946}.projects__main .projects__text{font-size:24px}.projects__main .projects__itemButtons .active{color:#f1faee;background-color:#e63946!important}.card{overflow:hidden;position:relative}.card:after,.card:before{content:"";background-color:#457b9d;height:50%;width:100%;opacity:.7;position:absolute;top:-50%;left:0;z-index:1;transition:all .3s ease-in 0s}.card:after{top:auto;bottom:-50%}.card:hover:before{top:0}.card:hover:after{bottom:0}.card img{width:100%;height:auto}.card .card-content{color:#f1faee;text-align:center;width:100%;opacity:0;position:absolute;top:40%;left:0;z-index:2;transition:all .3s ease-out .1s}.card:hover .card-content{opacity:1;top:20%}.card .project__title{font-size:25px;font-weight:700;letter-spacing:.5px;margin:0}.card .project__title:after{content:"";height:2px;width:70px;border-top:2px dashed hsla(0,0%,100%,.7);margin:7px auto 10px;display:block;clear:both}.card .project__subtitle{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;display:block}.card .project__icons{padding:0;margin:0;list-style:none;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;bottom:40%;z-index:2;transition:all .3s ease-out .1s}.card:hover .project__icons{opacity:1;bottom:20%}.card .project__icons li{margin:0 3px;display:inline-block}.card .project__icons li a{color:#1d3557;background-color:#f1faee;font-size:15px;text-align:center;line-height:36px;height:35px;width:35px;border-radius:50%;display:block;transition:all .3s ease 0s}.card .project__icons li a:hover{color:#f1faee;background:#e63946}.blogs{height:100vh}.blogs__main{font-family:"Delius",cursive}.blogs__main .blogs__title{font-family:"Kaushan Script",cursive;font-size:60px;font-weight:600;color:#1d3557}.blogs__main .highlight{color:#e63946}.blogs__main .blogs__text{font-size:24px}.contact{height:100vh}.contact__main{font-family:"Delius",cursive}.contact__main .contact__title{font-family:"Kaushan Script",cursive;font-size:60px;font-weight:600;color:#1d3557}.contact__main .highlight{color:#e63946}.contact__main .contact__text{font-size:24px}.contact__infoOption{margin:0 0 10px;padding:0;text-decoration:none;display:inline-block;color:#212529;cursor:pointer}.contact__infoOption:hover{transition:.25s;color:#e63946}.contact__main .contact__form .contact__submitBtn{padding:10px 15px;background-color:#fff;border:1px solid}.contact__main .contact__form .contact__submitBtn:hover{transition:.4s;background-color:#e63946;color:#fff;border:1px solid #e63946}.adminNav{font-family:"Poppins",sans-serif}.adminNav__topbar{background-color:#1d3557}.adminNav__topbarIcon{height:40px;width:40px;margin:0 5px;padding:5px;border-radius:50%;color:#fff;cursor:pointer}.adminNav__topbarCol .adminNav__topbarIcon{background-color:#457b9d}.adminNav__topbarIcon:hover{background-color:#4f8fb6}.adminNav__topbarLink{text-decoration:none}.btn-close{height:40px;width:40px;margin:0 auto;padding:5px;border-radius:50%;cursor:pointer}.btn-close:hover{color:#fff!important;background-color:#4f8fb6}.adminNav__sidebarIcon{height:30px;width:30px;margin-right:5px;padding:5px}.adminNav .adminNav__sidebarItems{list-style:none;margin:0;padding:0;font-size:16px}.adminNav .adminNav__sidebarItem{text-decoration:none;color:#000}.adminNav .adminNav__sidebarItem li{display:flex;align-items:center;padding:5px}.adminNav .adminNav__sidebarItem li:hover{background-color:#a8dadc}.addProject,.manage,.profile,.writeBlog{font-family:"Poppins",sans-serif}.writeBlog__editor{padding:2px;min-height:200px;border-radius:5px}
/*# sourceMappingURL=main.da227ac5.chunk.css.map */