#SideBar{background-color:#032f49;height:250vh;left:0;padding-top:20px;position:fixed;top:0;width:100px}#SideBar nav a{align-items:center;color:#9eee0a;display:flex;flex-direction:column;font-size:24px;margin-top:20%;padding:25%;position:relative;text-decoration:none}#SideBar nav a:after{color:#9eee0a;content:attr(data-text);font-size:12px;left:50%;letter-spacing:1px;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-out;white-space:nowrap}#SideBar nav a:focus:after,#SideBar nav a:hover:after{opacity:1}#SideBar nav a svg{transition:opacity .3s ease-out}#SideBar nav a:focus svg,#SideBar nav a:hover svg{opacity:0}#SideBar nav a[data-text=HOME]:after{content:"HOME"}#SideBar nav a[data-text=ABOUT]:after{content:"ABOUT"}#SideBar nav a[data-text="MY WORK"]:after{content:"MY WORK"}#SideBar nav a[data-text=CONTACT]:after{content:"CONTACT"}#SideBar nav a[data-text=LINKEDIN]:after{content:"LINKEDIN"}#SideBar nav a[data-text=GITHUB]:after{content:"GITHUB"}body{font-family:Arial,sans-serif;margin:0}.home-section{align-items:center;color:#fff;display:flex;height:100vh;justify-content:space-between;padding:0 2rem}.intro-container{border-radius:10px;max-width:45%;padding:8rem 8rem 20%}.image-container{height:100%;max-width:50%}.image-container img{height:100%;object-fit:cover;width:100%}h1,h2,h3,h4{color:#9eee0a;margin:0}h1{font-size:3rem}h2{font-size:2.5rem}h2,h3{margin-top:.5rem}h3{font-size:2rem}p{font-size:1.25rem;margin-top:1rem}.cta-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#0056b3}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#000}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes moveLeftRight{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.intro-container h1{animation:fadeInUp 1s ease-out,shake 2s infinite;animation-delay:0s;animation-fill-mode:forwards;font-size:3rem}.intro-container h2{animation:typing 4s steps(40) infinite,blink-caret .75s step-end infinite;border-right:.15em solid #000;color:#9eee0a;display:inline-block;overflow:hidden;white-space:nowrap}.intro-container h3{animation-delay:2s;animation:moveLeftRight 2s ease-in-out infinite}.intro-container .cta-button{animation:fadeInUp 1s ease-out}#about{color:#000;max-width:45%;padding:5% 10rem 10rem}.button{background-color:#4caf50;border:none;border-radius:20px;box-shadow:0;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:15px 32px}.button:hover{background-color:#45a049}.button:active,.close-btn:active{transform:translateY(5px)}.popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#4caf50;border-radius:30px;max-height:80%;max-width:80%;overflow-y:auto;padding:20px;text-align:left}.close-btn{background-color:#eb1000;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:20px;padding:5px 20px;text-align:center;text-decoration:none}.close-btn:hover{background-color:#d32f2f}#mywork{color:#000;padding:5% 5% 5% 10%}.contactpage{padding:5% 10% 10%}.contact{display:block;text-align:center}#formblock{display:flex;flex-direction:column;margin:0 auto;width:30%}.contact h1{font-size:2em;margin-bottom:10px}@keyframes typing{0%{width:0}50%{width:100%}60%{width:100%}to{width:100%}}.contact h4{animation:typing 2s steps(150);color:#9eee0a;display:inline-block;font-size:1.2em;margin-bottom:30px;overflow:hidden;white-space:nowrap}.input{border:1px solid #4caf50;border-radius:5px;box-shadow:0 0 5px #4caf5080;box-sizing:border-box;font-size:16px;margin:10px 0;outline:none;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.submit{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:15px 20px;transition:background-color .3s ease}.submit:hover{background-color:#45a049}.submit:active{transform:translateY(2.5px)}::placeholder{color:#aaa}body{background-color:#030505}
/*# sourceMappingURL=main.57dde33c.css.map*/