.loadingContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#494848;z-index:9999;flex-direction:column}.loadingCircle{width:100px;height:100px;border-radius:50%;border:10px solid transparent;border-top-color:#0c9531;border-bottom-color:#0c9531;animation:spin 1.5s linear infinite;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:20px}.loadingText{font-size:3rem;font-weight:700;text-align:center;letter-spacing:1px;animation:fadeInOut 2s ease-in-out infinite;color:#0db743;-webkit-background-clip:text;background-clip:text}@media screen and (max-width: 560px){.loadingText{font-size:2rem;font-weight:500}.loadingCircle{height:75px;width:75px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.desktopcontainer{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#000}.leftNav{font-size:1.5rem;font-weight:700;color:#fff}.navList{display:flex;list-style:none;padding:0;margin:0}.navItems,a{margin:0 1rem;color:#fff;text-decoration:none}.navItems:hover,a:hover{cursor:pointer;color:#0db743}@media (max-width: 768px){.navList{display:none}}body{background-color:#000;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.aboutContainer{padding:2rem}.aboutHeading{font-size:2rem;font-weight:700;color:#fff}.aboutSection{display:flex;justify-content:space-between;align-items:center;gap:2rem}.aboutLeft img{width:200px;height:200px;border-radius:50%;object-fit:cover}.aboutRight{flex:1}.aboutDescription p{line-height:1.6;font-size:1rem}.aboutHeading:hover,.navItems:hover{color:#0db743}@media (max-width: 768px){.aboutSection{flex-direction:column;align-items:center}.aboutLeft img{width:150px;height:150px}}.projectContainer{padding:2rem}.projectHeading{font-size:2rem;font-weight:700;color:#fff}.projectSection{display:flex;flex-direction:column;gap:1.5rem}.projectDescription p{font-size:1rem;color:#fff}.projectHeading:hover,.navItems:hover{color:#0db743}@media (max-width: 768px){.projectSection{align-items:center}}.educationContainer{padding:2rem}.educationHeading{font-size:2rem;font-weight:700;color:#fff}.bottomLine{width:50px;height:3px;background-color:#0db743;margin:1rem 0}.educationSection{display:flex;flex-direction:column;gap:1.5rem}.course{font-size:1.1rem;font-weight:700;color:#fff}.courseDescription p{font-size:1rem;color:#fff}.educationHeading:hover,.navItems:hover{color:#0db743}@media (max-width: 768px){.educationSection{align-items:center}}.contactContainer{padding:2rem}.contactContainer form{display:flex;align-items:center;flex-direction:column;gap:1rem}.contactContainer input,.contactContainer textarea{width:75%;padding:.8rem;border:1px solid #ccc;border-radius:5px;background-color:#000;color:#fff}.contactContainer button{padding:.8rem;background-color:#0db743;color:#fff;border:none;border-radius:5px;cursor:pointer}.contactContainer button{background-color:gray}.successMessage{color:green;margin-top:10px;font-weight:700}.contactContainer button:hover{background-color:#0db743}@media (min-width: 768px){.contactContainer input .contactContainer textarea .contactContainer button{width:25%}}.footerContainer{background-color:#222;color:#fff;text-align:center;padding:1rem;position:fixed;width:100%;bottom:0}.footerContainer:hover{background-color:#0db743}
