html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}table{display:table;border-collapse:collapse;border-spacing:0}input,select{display:block}button{background:none;border:none;padding:0}body{line-height:1;font-family:'Arial', sans-serif;font-size:16px}a{text-decoration:none;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,button,input,textarea,select{outline:none}img,iframe,embed,object,video{display:block;width:100%}*{box-sizing:border-box}@font-face{font-family:'Square Sans Serif 7';src:url("../fonts/square_sans_serif_7.ttf") format("truetype")}h1{font-size:50px;line-height:1.2;font-weight:bold;color:#f0f;vertical-align:middle}h2{font-size:40px;line-height:1.2;font-weight:bold;color:cyan;padding-bottom:10px}h3{font-size:22px;line-height:1.2;font-weight:bold;color:#f0f}p{font-size:16px;line-height:1.5;color:#e0e0e0}.container{max-width:1200px;margin:0 auto;padding:0 15px}.greeting-container{padding:20px}.greeting-container .greeting{display:flex;flex-direction:column}.greeting-container .greeting .greeting-left,.greeting-container .greeting .greeting-right{flex:1}.greeting-container .greeting .greeting-heading{color:#e0e0e0}.greeting-container .greeting-row{display:flex;justify-content:space-between;align-items:center}.greeting-container .greeting-text{color:#e0e0e0}.greeting-container .greeting-text p{margin-bottom:20px}.greeting-container .navigation{display:flex;justify-content:center;text-transform:uppercase;margin-bottom:10px}.greeting-container .navigation a{position:relative;margin:0 10px;text-decoration:none;color:#ff0;font-weight:bold;font-size:16px}.greeting-container .navigation a:hover{color:cyan}.greeting-container .navigation a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#ff0;transition:width 0.3s ease-in-out}.greeting-container .navigation a:hover:before{width:100%}.greeting-container .button-container{display:flex;flex-direction:column;align-items:center}.greeting-container .button-container .main-button{background-color:#f0f;color:#ff0;border:1px solid #f0f;font-weight:700;padding:13px 22px;text-transform:uppercase;border-radius:6px;text-align:center;text-decoration:none;font-size:16px;cursor:pointer;transition:all 0.3s ease-in-out}.greeting-container .button-container .main-button:hover{background-color:#ff0;color:#f0f;border-color:#ff0}@media (min-width: 768px){.greeting-container .button-container .main-button{align-self:center}}.greeting-container .greeting-image{text-align:right}.greeting-container .greeting-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;padding:20px}@media (max-width: 768px){.greeting-container .greeting-right{display:none}.greeting-container .navigation,.greeting-container .social-icons{flex-direction:row}}.about{display:flex;align-items:center;margin-bottom:20px;padding:20px}.about .about-image{flex:1;text-align:center}.about .about-image img{max-width:100%;height:auto;border-radius:10px;max-height:400px}.about .about-text{flex:1;color:#e0e0e0;line-height:normal;font-size:16px;margin-left:20px}.about .about-text a{color:#ff0;text-decoration:none}.about .about-text a:hover{color:#f0f}.about .about-text #linkedin{color:#f0f}@media (max-width: 768px){.about{flex-direction:column}.about .about-image{order:1;margin-top:20px;margin-bottom:20px}.about .about-text{order:2;text-align:center;margin-bottom:20px;margin-left:0}}.Logo{color:#f0f;font-family:"Square Sans Serif 7",sans-serif;font-size:60px;letter-spacing:3px;text-transform:uppercase;-webkit-text-stroke:1px white;text-shadow:2px 2px 4px cyan;vertical-align:middle}.skills{display:flex;align-items:flex-start;margin-bottom:20px;padding-left:20px}.skills .skills-text{color:#ff0;font-size:16px;margin-right:20px;flex:1}.skills .skills-text h2{margin-bottom:10px}.skills .skills-text p{margin-bottom:10px;color:#e0e0e0}.skills .skill-bars{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;margin-left:auto;margin-top:auto;margin-bottom:auto;padding-left:20px}.skills .skill-bars .skill-bar{position:relative}.skills .skill-bars .skill-bar .progress{width:200px;height:20px;background-color:silver;border-radius:10px;overflow:hidden;margin-bottom:10px}.skills .skill-bars .skill-bar .progress .progress-value{height:100%;transition:width 0.3s ease-in-out}.skills .skill-bars .skill-bar .progress .progress-label{position:absolute;top:0;left:10px;color:indigo;font-weight:bold;font-size:12px;line-height:20px}.skills .skill-bars .skill-bar .progress-value.strong-style{background-color:greenyellow}.skills .skill-bars .skill-bar .progress-value.savvy{background-color:orange}.skills .skill-bars .skill-bar .progress-value.apprentice{background-color:red}.skills .skill-bars .skill-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.skills .skill-bars .skill-icons .icon-item{display:flex;flex-direction:column;align-items:center;color:#e0e0e0;font-size:3rem;margin-bottom:5px}.skills .skill-bars .skill-icons .icon-item i{margin-bottom:5px}.skills .skill-bars .skill-icons .icon-item .icon-text{text-align:center;font-size:10px}@media (max-width: 768px){.skills{flex-direction:column}.skills .skills{align-items:center}.skills .skills .skill-bars{margin-top:20px}}.my-projects{text-align:left}.projects-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem 1rem}.projects-container .project-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:10px;border:1px solid silver;justify-content:center;box-shadow:0 10px 30px -15px #e0e0e0;transition:all 0.25s ease;background-color:#003;color:#e0e0e0}.projects-container .project-card .project-image{position:relative;height:250px;overflow:hidden;text-align:center}.projects-container .project-card .project-image img{width:100%;height:100%;object-fit:cover}.projects-container .project-card .project-detail{text-align:center}.projects-container .project-card .project-detail .project-title{font-size:22px;line-height:24px;font-weight:700;margin:15px 0 0;color:#f0f}.projects-container .project-card .project-detail .project-description{font-size:16px;line-height:1.5rem}.projects-container .project-card .project-detail .project-navigation a.project-tag{background:#f0f;color:#ff0;vertical-align:middle;align-items:center;border-radius:8px;display:inline-flex;font-size:0.75rem;height:2em;justify-content:center;white-space:nowrap;line-height:1.5;margin:0 0.5rem 0.5rem 0;padding:0.75em;cursor:pointer;transition:0.2s ease-in;text-decoration:none}.projects-container .project-card .project-detail .project-navigation a.project-tag:hover{color:#f0f;background-color:#ff0}.contact{display:flex;align-items:center;justify-content:center;margin-top:50px;margin-bottom:100px}.contact .contact-details{flex:1;text-align:center;margin-right:20px}.contact .contact-email{margin-top:20px;font-size:40px;font-weight:400;text-decoration:none;color:#ff0}.contact .contact-email:hover{color:#f0f;text-decoration:none}.contact .social-icons .contact{text-align:center}.contact .contact-image{width:400px;height:400px;margin-left:20px;position:relative;z-index:1}.contact .contact-image img{width:100%;height:100%;object-fit:cover}.contact .contact-image-label{display:block;font-size:24px;font-weight:400;margin-top:1rem;text-align:center;color:red}@media (max-width: 768px){.contact{flex-direction:column}.contact .contact{margin-top:20px;margin-bottom:50px}.contact .contact-details h2{font-size:32px}.contact .contact-email{font-size:20px}.contact .social-icons.contact{margin-top:10px}.contact .contact-image{max-width:300px}.contact .contact-image-label{font-size:14px}}.glitch-wrapper{position:relative;display:inline-block;overflow:hidden}.glitch-image{position:relative;animation:glitch 2s infinite;width:100%;height:100%;object-fit:cover}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px, -5px)}40%{transform:translate(5px, 5px)}60%{transform:translate(-5px, 5px)}80%{transform:translate(5px, -5px)}100%{transform:translate(0)}}.typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 3s steps(40) 1s infinite}@keyframes typewriter{from{width:0}to{width:100%}}.system-reset-button{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;padding:10px;font-family:'IBM Plex Mono', monospace;font-size:16px;text-transform:uppercase;text-decoration:none;color:red;background-color:#000;border:none;border-radius:4px;cursor:pointer;z-index:100}.system-reset-button i{margin-right:5px}.system-reset-button:hover{background-color:red;color:black;text-decoration:none}.system-reset-button:focus{outline:none}@media (max-width: 768px){.system-reset-button{font-size:12px}}body{margin:0;background-color:#003;width:90%;padding:20px 10px}.social-icons{display:flex;gap:10px;line-height:normal;justify-content:center;margin-bottom:10px}.social-icons a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:2.6rem;font-size:24px;text-decoration:none;color:white;padding-top:10px}.social-icons a.github{background-color:#211F1F}.social-icons a.linkedin{background-color:#0A66C2}.social-icons a.twitter{background-color:#1DA1F2}.social-icons a:hover{opacity:0.8;background-color:#ff0}@media (max-width: 768px){.social-icons{flex-direction:row;align-items:center}}@media (min-width: 769px){.social-icons{justify-content:center}}
/*# sourceMappingURL=main.css.map */