@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap);:root{--green-col:#18d26e;--grey-col:#a4b1cd;--dark-col:#252525;--light-dark-col:#0e0d0dc5;--blue-col:#0086ff;--red-col:#ff3e3e}*{box-sizing:border-box;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#252525;background-color:var(--dark-col);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Inconsolata,monospace;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}.fade,body{height:100vh;width:100%}.fade{background-color:rgba(0,0,0,.603);position:absolute;z-index:-1}.container-box{-webkit-animation:ctBox .4s ease-in 1;animation:ctBox .4s ease-in 1;background-color:#0e0d0dc5;background-color:var(--light-dark-col);border-radius:5px 5px 0 0;height:90vh;margin:25px auto auto;overflow-x:hidden;overflow-y:scroll;padding:8px 8px 100px;position:relative;width:95%}.pageTitle{align-items:center;display:flex;font-size:10px;font-weight:700;justify-content:flex-start;margin-top:20px;text-transform:uppercase}a{color:#a4b1cd;color:var(--grey-col)}.pageTitle .line-bar{background-color:#18d26e;background-color:var(--green-col);height:2px;margin-left:15px;width:130px}@-webkit-keyframes ctBox{0%{-webkit-transform:translateY(400px);transform:translateY(400px)}}@keyframes ctBox{0%{-webkit-transform:translateY(400px);transform:translateY(400px)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:-1}.home,.home .fade{height:100vh;width:100%}.home .fade{background-color:rgba(0,0,0,.603);position:absolute}.home .container{color:var(--grey-col);width:600px}.home .container h1{font-size:35px;font-weight:700;text-transform:uppercase}.home .container p{color:#ebdcdc;font-size:13px;font-weight:500;margin-left:8px;margin-top:7px}.home .container nav{height:60px;margin-top:40px;width:100%}.home .container nav ul{display:flex;justify-content:space-evenly;list-style-type:none;width:300px}.home .container nav ul li{cursor:pointer;font-size:14px;font-weight:500}.home .container nav ul li:hover .nav-line{-webkit-animation:comeIn .2s ease-in-out 1;animation:comeIn .2s ease-in-out 1}.home .container nav ul li .active,.home .container nav ul li:hover .nav-line{border-bottom:3px solid green;margin-top:4px;width:60%}.home .container div i{background-color:var(--blue-col);border-radius:5px;cursor:pointer;margin-right:40px;padding:6px}.home .container div i:active{-webkit-transform:scale(.9);transform:scale(.9)}@-webkit-keyframes comeIn{0%{width:0}to{width:60%}}@keyframes comeIn{0%{width:0}to{width:60%}}@media screen and (max-width:500px){.home .container h1{font-size:30px;font-weight:700;text-transform:uppercase}.home .container{width:330px}}.navigator .nav-container{align-items:center;background-color:hsla(0,0%,7%,.904);display:flex;height:60px;justify-content:space-between;padding:15px 40px;width:100%;z-index:9}.navigator-open{-webkit-animation:navigator .3s linear 1;animation:navigator .3s linear 1}.navigator .nav-container h1{font-size:20px;font-weight:700;letter-spacing:1px}.navigator .menu{cursor:pointer;font-size:25px;-webkit-user-select:none;user-select:none}.navigator .menu-container{-webkit-animation:menuBar .2s linear;animation:menuBar .2s linear;background-color:#252525;border-radius:5px;height:180px;position:absolute;right:10px;top:65px;width:130px;z-index:999}.navigator .menu-container ul{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;list-style-type:none;width:95px}.navigator .menu-container ul li{cursor:pointer;letter-spacing:1px}@-webkit-keyframes navigator{0%{-webkit-transform:translateY(400px) scale(.2);transform:translateY(400px) scale(.2)}}@keyframes navigator{0%{-webkit-transform:translateY(400px) scale(.2);transform:translateY(400px) scale(.2)}}@-webkit-keyframes menuBar{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes menuBar{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@media screen and (max-width:500px){.navigator .nav-container h1{font-size:15px;font-weight:700;letter-spacing:1px}}.project .project-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.project .project-container .project-box{border-radius:5px;height:180px;margin-bottom:30px;position:relative;width:300px}.project .project-container .project-box img{border-radius:5px;height:180px;position:absolute;width:100%;z-index:1}.project .project-container .project-box .project-info{align-items:flex-end;color:var(--green-col);display:flex;font-size:11px;font-weight:700;height:90%;justify-content:space-between;padding-left:8px;padding-right:8px;position:relative;text-transform:uppercase;width:100%;z-index:9}.project .project-container .project-box .project-info button{background:var(--green-col);border:2px solid var(--dark-col);border-radius:10px;color:var(--dark-col);cursor:pointer;font-size:13px;font-weight:700;outline:none;text-transform:uppercase}.project .project-container .project-box .project-info button:active{-webkit-transform:scale(.9);transform:scale(.9)}.loading{align-items:center;border-radius:8px;display:flex;height:100%;justify-content:center;position:absolute;width:97%}.loading,.loading .after{background-color:var(--light-dark-col)}.loading .after{-webkit-animation:loading .4s linear infinite;animation:loading .4s linear infinite;border-radius:23px;border-top:2px dashed red;height:50px;width:50px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about .title{font-size:30px;font-weight:700;letter-spacing:1px;margin:10px 0 10px 20px;text-transform:uppercase}.about .header{align-items:center;display:flex;flex-direction:column;justify-content:center}.about .header p{font-size:13px;font-weight:500px;width:500px}.about .header h3{color:var(--green-col);font-size:14px;font-weight:700;letter-spacing:1px;margin:20px 0 20px 50px;text-transform:uppercase}.about .header .list-box{display:flex;font-size:14px;margin-bottom:10px;padding:30px 10px}.about .header .list-box ul{list-style-type:none}.about .header .list-box ul li span{font-weight:700;margin-right:5px}.about .header .list-box ul .fa-chevron-right{color:var(--green-col);margin:6px}.about .skill{display:flex;flex-wrap:wrap;padding:8px}.about .skill .skill-box{height:50px;margin-top:6px;padding:7px;width:50%}.about .skill .skill-box .skill-progress{background-color:var(--grey-col);border-radius:3px;height:15px;margin-top:4px;width:100%}.about .skill .skill-box .skill-progress .skill-innner-prograss{background-color:var(--green-col);border-radius:3px;color:#000;font-size:14px;font-weight:700;height:100%;padding-right:5px;text-align:end}.about .interests{align-content:center;display:flex;justify-content:center;margin-top:20px}.about .interests .interest-box{align-items:center;background:var(--dark-col);border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:700;height:50px;justify-content:center;letter-spacing:1px;margin:5px;padding:8px;text-transform:uppercase;transition:.4s;width:300px}.about .interests .interest-box i{background:var(--blue-col);border-radius:5px;margin-right:5px;padding:6px;text-align:center}.about .interests .interest-box:hover{background:#25252594}.about .interests .interest-box:hover span{color:var(--blue-col)}.major-project{align-items:ceneter;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:8px;padding:10px}.major-project .major-project-box{align-items:center;background:var(--dark-col);border-radius:5px;display:flex;height:60px;justify-content:space-between;margin:8px;padding:10px;width:300px}.major-project .major-project-box .major-project-box-left{align-items:center;display:flex;justify-content:center}.major-project .major-project-box .major-project-box-left img{border-radius:10px;height:50px;width:50px}.major-project .major-project-box .major-project-box-right{align-items:center;color:var(--grey-col);display:flex;justify-content:space-evenly}.major-project .major-project-box .major-project-box-left .title{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.major-project .major-project-box .major-project-box-right i{background:var(--light-dark-col);border-radius:10px;cursor:pointer;margin-left:7px;padding:5px 10px}.major-project .major-project-box .major-project-box-right i:active{-webkit-transform:scale(.8);transform:scale(.8)}@media screen and (max-width:600px){.about .header .list-box{flex-direction:column}.about .header p{width:300px}.about .interests{flex-direction:column}.about .interests .interest-box{justify-content:start}.about .skill{flex-direction:column}.about .skill .skill-box{width:100%}}.portfolio-container .top{margin-top:10px}.portfolio-container .top .image-container{align-items:center;display:flex;justify-content:space-evenly}.portfolio-container .top .image-container .left{width:85%}.portfolio-container .top .image-container .left img{border-radius:8px;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);height:300px;width:100%}.portfolio-container .top .image-container .right{align-items:center;display:flex;flex-direction:column;height:250px;justify-content:space-evenly;margin-top:10px}.portfolio-container .top .image-container .right img{border-radius:8px;box-shadow:0 0 0 2px rgba(44,44,45,.4),0 4px 6px -1px rgba(51,52,52,.65),inset 0 1px 0 rgba(40,40,40,.08);cursor:pointer;height:40px;width:40px}.portfolio-container .top .image-container .right img:active{-webkit-transform:scale(.9);transform:scale(.9)}@media screen and (max-width:500px){.portfolio-container .top .image-container{flex-direction:column}.portfolio-container .top .image-container .left{width:100%}.portfolio-container .top .image-container .right{flex-direction:row;height:auto;justify-content:space-evenly;width:250px}}.portfolio-container .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.portfolio-container .bottom h1{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase}.portfolio-container .bottom p{font-size:14px}.portfolio-container .bottom button{background-color:#252525;border:none;border-radius:5px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(38,38,38,.3),inset 0 -2px 6px 0 rgba(34,62,91,.426);cursor:pointer;height:35px;margin-top:20px;outline:none;width:110px}.portfolio-container .bottom button a{font-weight:700;text-decoration:none}.portfolio-container .bottom button:active{-webkit-transform:scale(.9);transform:scale(.9)}
/*# sourceMappingURL=main.e7000505.css.map*/