:root{--clr-primary-1:#02080d;--clr-primary-2:#ff6e28;--clr-primary-3: ;--clr-primary-4: ;--clr-grey-1:#777a7e;--clr-grey-2:#b0b0b0;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.4);--max-width:1170px;--fixed-width:450px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*,:after,:before,body{scroll-behavior:smooth}body{align-items:center;background:#02080d;background:var(--clr-primary-1);color:#777a7e;color:var(--clr-grey-1);display:flex;font-family:Poppins,Arial,sans-serif;font-size:.875rem;justify-content:center;line-height:1.8;overflow-x:hidden}ul{list-style-type:none}a{text-decoration:none}a,h1,h2,h3,h4{color:#ff6e28;color:var(--clr-primary-2)}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:var(--clr-grey-5);margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{margin:0 auto;max-width:1170px;max-width:var(--max-width);width:90vw}@media screen and (min-width:992px){.section{width:95vw}}main{align-items:center;min-height:100vh;overflow-x:hidden}.container,main{display:flex;justify-content:center}.container{align-content:center;margin:0 auto;text-align:justify;width:80vw}.header{text-align:center}.center{margin:auto;width:90vw}.center h2{margin:10px 0;text-align:left}#home{margin:0 auto;overflow-x:hidden;padding-top:10px}#about h2{margin-top:50px}.navbar{background-color:#02080d;background-color:var(--clr-primary-1);justify-content:space-around;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000000000000}.link,.navbar{align-items:center;display:flex}.link{font-size:20px;justify-content:space-between;margin:0 1rem;padding:0;text-transform:capitalize}.link a:hover{color:#b0b0b0;color:var(--clr-grey-2)}.link a:hover,.links{transition:all .3s linear;transition:var(--transition)}.links{align-items:center;display:flex;justify-content:flex-start;padding:.5rem 1rem}.logo{height:120px;width:270px}.nav-links{align-content:center;display:flex;justify-content:space-around}.contact{background-color:#ff6e28;background-color:var(--clr-primary-2);border-radius:30px;padding:10px 20px;text-transform:capitalize}a .contact{border:1px solid #ff6e28;border:1px solid var(--clr-primary-2);color:#000;transition:all .3s linear;transition:var(--transition)}a .contact:hover{cursor:pointer}.nav-center{align-items:center;display:flex;height:100px;justify-content:space-around;margin:auto;overflow:hidden;width:90vw}.nav-toggle{background:transparent;border-color:transparent;color:#777a7e;color:var(--clr-grey-1);cursor:pointer;display:none;font-size:1.5rem;transition:all .3s linear;transition:var(--transition)}.colored-orange{color:#ff6e28;color:var(--clr-primary-2);display:block}.header h2{color:#fff;display:flex}.colored-grey{color:#b0b0b0;color:var(--clr-grey-2)}.center a .btn,form button{margin-top:30px}#projects .btn,.center a .btn,form button{background:#ff6e28;background:var(--clr-primary-2);border:1.3px solid #ff6e28;border:1.3px solid var(--clr-primary-2);border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}#projects .btn{margin-left:calc(50% - 64px)}#projects .btn:hover,a .btn:hover,a .contact:hover,form button:hover{background:transparent;border-radius:10px;color:#fff}.sidebar-header,a .btn{align-items:center;display:flex}.sidebar-header{justify-content:space-around;padding:.4rem 1.5rem}.sidebar-header img{width:170px}.close-btn{background:transparent;border-color:transparent;color:var(--clr-primary-5);color:#bb2525;color:var(--clr-red-dark);cursor:pointer;font-size:1.75rem;margin-top:.2rem;transition:all .3s linear;transition:var(--transition)}.close-btn:hover{color:#e66b6b;color:var(--clr-red-light)}.sideLinks li svg{margin-right:2rem}.sideLinks a{align-items:center;color:var(--clr-grey-3);display:flex;font-size:1.4rem;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:1rem 1.5rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}.sideLinks a:hover{background:#ff6e28;background:var(--clr-primary-2);color:#02080d;color:var(--clr-primary-1)}.sidebar{background:#02080d;background:var(--clr-primary-1);bottom:0;box-shadow:#bb2525;box-shadow:var(--clr-red-dark);display:grid;grid-template-rows:auto 1fr auto;height:100%;left:0;max-height:100%;min-height:100vh;position:fixed;top:0;-webkit-transform:translate(-100%);transform:translate(-100%);transition:all .3s linear;transition:var(--transition);width:400px;z-index:100000000000000}.show-sidebar{-webkit-transform:translate(0);transform:translate(0)}.sidebar .sideLinks{color:#ff6e28;color:var(--clr-primary-2)}.social-icons{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:120px}.social-icons li a{border-radius:50%;color:var(--clr-primary-5);font-size:24px;transition:all .3s linear;transition:var(--transition)}.social-icons a:hover{background-color:#ff6e28;background-color:var(--clr-primary-2);color:#02080d;color:var(--clr-primary-1)}.gmail{right:0}.gmail,.icons{bottom:0;position:fixed}.icons{flex-direction:column;justify-content:space-between;left:0;padding:1rem 0}.icons li{margin:0 10px;padding:10px 20px}.icons li a{background-color:#ff6e28;background-color:var(--clr-primary-2);border-radius:40px;color:#02080d;color:var(--clr-primary-1);font-size:10px;padding:7px 10px}.icons li a:hover{background-color:#02080d;background-color:var(--clr-primary-1);color:#ff6e28;color:var(--clr-primary-2)}.gmail{display:flex;flex-direction:column;padding:10px}.sidebar .footer-icons li a{margin-left:10px}.gmail span{background-color:#777a7e;background-color:var(--clr-grey-1);border-radius:20px;height:10px;margin:7px;width:10px}.gmail span.active{background-color:#ff6e28;background-color:var(--clr-primary-2)}#about,#projects{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:justify;width:90%}#about,#about p,#projects{margin:0 auto;max-width:90%}#about h2,.projects h2{padding-top:100px;text-align:center}#project,.about,.project{flex-direction:column}#project,.about,.about .img-container,.project{align-items:center;display:flex;justify-content:center}.about .img-container{height:270px;margin:20px auto;overflow:hidden;width:200px}.about .img-container img{height:304px;margin:auto;width:400px}.about p .colored-orange{font-size:30px;text-transform:capitalize}.project{align-items:center;border:.1px solid rgba(255,110,40,.1);border-radius:20px;display:flex;flex-direction:row;justify-content:center;margin:auto auto 40px;max-width:90%;overflow:hidden}.project .info{background-color:#a0a0a0;border-radius:2px;color:#02080d;color:var(--clr-primary-1);margin-left:-30px;min-width:100%;padding:7px 10px;z-index:10}.projects h2{margin-bottom:40px}.project .skill{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:10px}.skill li{margin-left:12px;text-transform:uppercase}.project-img-container{align-items:center;display:flex;height:200px;justify-content:center;max-width:60%;position:relative;width:420px}.project-img-container .blur,.project-img-container img{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}.blur{background:linear-gradient(180deg,rgba(255,143,87,.3) 40%,rgba(255,143,87,.7))}.project-write{flex-direction:column;max-width:50%}.Right .project-write,.project-write{align-items:center;display:flex;justify-content:center}.project-write .info,.skill{font-size:12px}.skill li{align-items:center;display:flex;flex-wrap:wrap;font-size:6px;justify-content:center;max-width:100px;overflow:-moz-hidden-unscrollable;text-align:center}.copy{color:#777a7e;color:var(--clr-grey-1)}.project.Right{align-items:center;display:flex;flex-direction:row-reverse;justify-content:center;margin:auto auto 40px;max-width:90%}.project .Right .project-write .info,.skill{font-size:12px}.project.Right .info{background-color:#a0a0a0;color:#02080d;color:var(--clr-primary-1);margin:auto -30px auto auto;min-width:100%;z-index:10000}.project.Right .url{flex-direction:row-reverse}.project .url,.project.Right .url{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0 20px;width:100%}.copy-message{background-color:#777a7e;background-color:var(--clr-grey-1);border-radius:20px;bottom:10px;color:#fff;font-size:12px;padding:10px 20px;position:fixed;right:32%;z-index:1000000000}#contact,.copy-message{display:flex;justify-content:center;margin:0 auto;text-align:center}#contact{align-items:center;flex-direction:column;max-width:90%;padding-top:100px}#contact li{padding:10px}#contact li:hover{background:transparent}footer{background-color:#030c16;bottom:0;color:#ff6e28;color:var(--clr-primary-2);left:0;margin-top:70px;padding-top:2rem;position:relative;right:0;text-align:center}.icons{justify-content:center}.footer-icons,.icons{align-items:center;display:flex}.footer-icons{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:80%}.footer-icons li a{color:#777a7e;color:var(--clr-grey-1)}.contactEmail input,.contactMSG textarea,.contactName input{background-color:initial;border:none;border-bottom:1px solid #777a7e;border-bottom:1px solid var(--clr-grey-1);color:#777a7e;color:var(--clr-grey-1);font-size:1.2rem;height:100%;height:2rem;margin-top:2.4rem;outline:none;padding:10px;width:100%}.contactEmail,.contactMSG,.contactName,.info{height:100%;width:100%}.info{max-width:400px}.contactMSG textarea{height:10rem;max-width:100%;width:100%}.form{align-items:center;background-color:#000;border-radius:30px;flex-direction:row;justify-content:center;overflow:hidden;padding:3rem;width:90%}.form,form{display:flex;flex-wrap:wrap}form{align-items:flex-start;flex-direction:column;justify-content:flex-start}form,textarea{font-family:Poppins,Arial,sans-serif;width:100%}@media screen and (min-width:1024px){.link{margin:0 2.5rem}.center{padding:20px 100px}.center p{margin-top:40px}.center h2{margin-top:20px}.sidebar{display:none}}@media (min-width:700px){.sidebar{display:none}.skill li{font-size:8px}.project,.project.Right{max-width:60%}}@media (max-width:700px){.link{display:none}.nav-toggle{display:block}.gmail,.icons{display:none}.social-icons a{border-radius:50%;color:var(--clr-primary-5);font-size:10px;padding:.8rem 3px;transition:all .3s linear;transition:var(--transition)}}@media screen and (max-width:600px){.contact{display:none}.nav-toggle{margin-right:100px}}@media screen and (max-width:400px){.contact{display:none}.sidebar{height:100vh;max-height:100%;min-height:100%;overflow:hidden;width:84%}.sideLinks a{align-items:center;color:var(--clr-grey-3);display:flex;font-size:1.2rem;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.7rem 1.5rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}.logo{height:120px;width:200px}.gmail,.icons{display:none}#about p{font-size:12px;margin:0 auto}.form{align-items:center;background-color:#000;border-radius:30px;flex-direction:row;justify-content:center;overflow:hidden}.form,form{display:flex;flex-wrap:wrap;width:100%}form{align-items:flex-start;flex-direction:column;font-family:Poppins,Arial,sans-serif;justify-content:flex-start}#about,#projects{display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:90%;text-align:justify;width:90%}footer{font-size:13px}.social-icons li a{font-size:10px;justify-content:start;margin:0 10px 200px}.social-icons{justify-content:start;margin-bottom:200px}.nav-toggle{margin-right:40px}.contactEmail input,.contactMSG textarea,.contactName input{background-color:initial;font-size:1rem;height:100%;margin-top:2.4rem;outline:none;width:100%}.close-btn{margin-right:40px}.footer-icons li a{font-size:21px;margin-left:5px}body{overflow-x:hidden}}@media screen and (max-width:300px){#about,#projects{display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:60%;text-align:justify;width:60%}body{overflow-x:hidden}}
/*# sourceMappingURL=main.5d25df26.css.map*/