@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap";header{background-color:#333c;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;width:100%}.column-flex{display:flex;align-items:center}.rotate-90{transform:rotate(90deg);margin-right:.5rem}.header-icon{width:1.5rem;height:1.5rem;margin-right:.5rem}.header-time{margin-left:.5rem}.hero-wrapper{box-shadow:10px 10px 20px #00000080;border-bottom-right-radius:10px}.top-bar{background-color:#3c3734;width:80vw;max-width:1200px;padding:7px 0;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px}.button-container{display:flex;align-items:center;padding:0 10px}.circle-btn{width:10px;height:10px;margin:0 4px;border-radius:50%}.red{background-color:#fc5f56}.yellow{background-color:#ffc333}.green{background-color:#28c53e;margin-right:15px}.right{margin-right:14px}.arrow-container,.right-container{display:flex;padding:3px 6px;background-color:#69686b;border-radius:3px}.arrow-flip{transform:rotate(180deg);margin-left:2px}.middle-container{display:flex;justify-content:space-between;width:50%;background-color:#6d6d6e;border-radius:5px;padding:3px 8px}.url{display:flex;align-items:center;font-size:.75rem}.lock-img{margin-right:5px}.right-wrapper{display:flex;align-items:center}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.hero{background-color:#1e1e1e;width:80vw;max-width:1200px;height:75vh;display:flex;flex-direction:column;align-items:center;line-height:1.5;letter-spacing:.5px;border-bottom-left-radius:10px;border-bottom-right-radius:5px;padding:0 10px;overflow:auto}.hero-container{margin-bottom:2.25rem}.hero-title{font-size:2rem;margin-bottom:1.25rem}.hero-title span{text-decoration:underline;text-decoration-color:#ec4235;text-decoration-thickness:2px;text-underline-offset:3px}.hero-text{width:80%;max-width:920px;margin:0 auto}.hero-img{width:100%;height:100%;object-fit:cover;background-color:#6d6d6e;border-radius:50%}.hero-img-container{width:150px;margin-bottom:1rem;margin-top:1rem}.about-me{margin-bottom:2.25rem}.about-me-title{font-size:1.75rem;margin-bottom:1rem}.about-me-title:after{content:"";display:block;margin:0 auto;width:7rem;height:2px;background-color:#ec4235;border-radius:5px}.about-me-text{width:80%;max-width:920px;margin:0 auto}.future-skills-title,.skills-title{text-align:center;text-transform:capitalize;margin-bottom:1.25rem}.skills-title:after{content:"";display:block;margin:0 auto;width:2.25rem;height:2px;background-color:#ec4235;border-radius:5px}.future-skills-title:after{content:"";display:block;margin:0 auto;width:7rem;height:2px;background-color:#ec4235;border-radius:5px}.skills-container{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2.25rem}.skill{background-color:#ec4235;font-size:.9rem;padding:.35rem .9rem;border-radius:8px;margin:.5rem}.social-links{margin-bottom:2.25rem}.social-title{font-size:1.25rem;margin-bottom:.75rem}.social-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;color:#ec4235;transition:all .3s ease}.social-icon:hover{color:#fff}.website-footer{padding:1rem 0;font-size:.75rem}@media screen and (max-width: 700px){.top-bar{display:none}.hero{border-radius:10px;width:98vw;height:60vh}.hero-title{padding:0 1rem}.hero-img-container{width:150px}}.footer{background-color:#33333380;color:#fff;padding:5px 0;display:flex;justify-content:space-around;transition:background-color .3s ease;border-radius:25px;margin-bottom:10px;width:55vw;max-width:500px}.footer:hover{background-color:#333333b3}.icon-wrapper{margin:0 10px}.icon-img:hover{cursor:pointer;transform:scale(1.1);transform:translateY(-3px);transition:transform .3s ease-out}.icon-text{font-size:.75rem;font-weight:300}.footer-btn{background:none;border:none;color:#fff}@media screen and (max-width: 700px){.footer{width:90vw;margin-bottom:7rem}}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.project-image-container{border-radius:10px;max-width:500px;max-height:500px}.project-img{width:100%;height:100%;border-radius:10px}.project-three-scroll{overflow-y:scroll;padding-right:10px}.project-three-scroll img{height:250%}.project-desc{font-size:1rem;max-width:80%;margin:0 auto}.project-bottom{width:95%;margin-top:1.5rem}.project-button-container{display:flex;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem}.project-btn{background-color:#067ee1;color:#fff;border:1px solid rgba(6,126,225,255);border-radius:5px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;letter-spacing:1px;text-decoration:none}.project-btn:first-child{margin-right:1.5rem}.project-btn:hover{background-color:#fff;color:#067ee1}.project-btn:active{transform:scale(.95)}.skills-used-title{font-size:1.25rem;margin-bottom:1rem}.accent-btn{background-color:#067ee1}.projects-wrapper{box-shadow:10px 10px 20px #00000080;border-radius:10px}.top-bar-projects{background-color:#3c3734;width:80vw;max-width:1200px;padding:10px 0;border-top-left-radius:10px;border-top-right-radius:10px;text-align:start}.bottom-bar-container{display:flex;justify-content:space-between;align-items:center}.bottom-bar-left{display:flex;align-items:center;margin-top:.5rem;margin-left:10px}.bottom-bar-right{display:flex;align-items:center;margin-top:.5rem;margin-right:10px}.project-icon-container{display:flex;padding:5px 8px;background-color:#69686b;border-radius:3px}.home-btn{background-color:#067ee1;border-radius:3px;padding:3px 6px;margin-right:10px;font-size:13px}.projects{background-color:#1e1e1e;width:80vw;max-width:1200px;height:70vh;line-height:1.5;letter-spacing:.5px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-right:10px;display:grid;grid-template-columns:175px 1fr;overflow:auto}.left-panel-container{background-color:#3c3734;padding-top:.25rem;height:70vh;width:175px;border-bottom-left-radius:10px;position:fixed}.panel-section{padding:8px 0;display:flex;align-items:center;width:100%;border:none;background-color:transparent;color:#fff;font-size:1rem}.panel-section:hover{cursor:pointer;background-color:#076dc0}.active{background-color:#076dc0}.folder-icon{margin:0 10px}@media screen and (max-width: 700px){.top-bar-projects{display:none}.projects{width:100vw;height:60vh;display:flex;flex-direction:column}.left-panel-container{position:static;width:100vw;height:10vh;display:flex;border-radius:0;overflow:scroll;background-color:transparent;padding:10px}.folder-icon{position:absolute;opacity:0}.panel-section{display:flex;justify-content:center;padding:0 10px;border:1px solid hsla(0,0%,100%,.25);border-radius:5px;font-size:.875rem}.panel-section:not(:last-child){margin-right:5px}.project-img{object-fit:contain}.project-three-scroll{max-height:300px}}.contact{background-color:#293143;box-shadow:10px 10px 20px #00000080;width:80vw;max-width:700px;height:70vh;line-height:1.5;letter-spacing:.5px;border-radius:10px;display:flex;justify-content:space-between;padding:20px 10px;color:#000;overflow:hidden}.contact-left-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.refresh-icon{color:#3d4557}.contact-left-bottom{margin-top:1.15rem}.email-tab{display:flex;align-items:center;padding:.5rem .75rem}.email-icon{margin-right:10px;color:#6d9bc8}.email-tab-text{color:#fff}.middle-column{margin-left:20px;overflow:scroll;max-height:530px}.search-container{display:flex;align-items:center;padding:0 10px;border:1px solid rgba(131,132,135,255);color:#838487;margin-bottom:15px;border-radius:5px}.search-container:hover{background-color:#3d4557;border-color:#6d9bc8}.search-container:hover .search-icon{color:#6d9bc8}.search-icon{margin-right:7px}.email-container{border:1px solid rgba(131,132,135,255);font-size:.8rem;color:#fff;border-radius:5px}.email-inbox-container{border-bottom:1px solid rgba(61,69,87,255);padding:.8rem .75rem;border-radius:5px}.email-inbox-container:hover{background-color:#3d4557;cursor:pointer}.email-top{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem}.email-sender{margin-right:10px}.left-column{margin-right:1rem}.right-column{margin-left:10px;display:flex;justify-content:center}.success-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:75%;margin:0 auto;color:#fff;font-size:1.15rem}.contact-form{align-self:center}@media screen and (max-width: 700px){.left-column,.middle-column{display:none}.contact{grid-template-columns:1fr;overflow:scroll;height:60vh}textarea{width:100%;height:35vh!important}}*:focus,*:active{outline:none}form{width:95%;margin:0 auto}input{width:100%;padding:12px 20px;margin-bottom:8px;display:inline-block;border-radius:4px;border:1px solid rgba(109,155,200,255);background-color:#3d4557;color:#fff;font-size:1rem}textarea{width:100%;height:50vh;padding:12px 20px;margin:8px 0;border:1px solid rgba(109,155,200,255);border-radius:4px;resize:none;background-color:#3d4557;color:#fff;font-size:1rem}form button{width:100%;background-color:#6d9bc8;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;border:1px solid rgba(109,155,200,255);transition:background-color .3s ease-in-out,border .3s ease-in-out;font-size:1rem}form button:hover{background-color:#3d4557;border:1px solid rgba(109,155,200,255)}form button:active{transform:translateY(2px)}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-image:url(/assets/login-bg-f43cf3ae.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.login-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0000004d;z-index:0}.login-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;z-index:1}.login-img-container{height:150px;cursor:pointer}.login-img-container:hover{transform:scale(1.1);transition:all .3s ease}.login-img{height:100%;width:100%;background-color:#6d6d6e;border-radius:50%;box-shadow:0 0 10px 2px #00000080}.login-title{font-size:1.5rem;margin-top:1.25rem;text-shadow:1px 1px 5px rgb(0,0,0)}.login-close{border:1px solid #fff;border-radius:50%}.login-bottom{display:flex;z-index:1}.login-col{margin-right:.5rem}.login-col p{font-size:.75rem}.login-close:hover,.login-person:hover{transform:scale(1.1);transition:all .3s ease}#root{max-width:1440px;margin:0 auto;text-align:center;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.app{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.app-container{min-height:100vh;background-color:transparent;background-image:url(/assets/desktop-bg-9c47294f.jpg);background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;align-items:center;scrollbar-width:none}::-webkit-scrollbar{width:5px;border-radius:10px}::-webkit-scrollbar-track{background-color:#3c3734;border-bottom-right-radius:10px}::-webkit-scrollbar-thumb{background:#747474;border-radius:5px}header{position:relative;z-index:1}@media screen and (max-width: 700px){.app-container{justify-content:space-between}}:root{font-family:Open Sans,sans-serif;background-color:#141414}