:root{--color-primary: #F43535;--color-background: #eeeeee;--color-secondary: #aaaaaa;--color-text: #333333}*{padding:0;margin:0;box-sizing:border-box;font-family:"Jersey 15",monospace}body{font-size:20px}.portfolio{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#portfolio-canvas{height:100%;width:100%}.loading{z-index:200;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:var(--color-primary);background-color:var(--color-background)}.welcome{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.welcome-content{background-color:var(--color-background);min-width:240px;max-width:800px;width:50%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid var(--color-primary)}.welcome-content h2{color:#f43535}.popup{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.popup-content{background-color:var(--color-background);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid var(--color-primary)}.popup-close{position:absolute;top:10px;right:10px;background:var(--color-primary);color:var(--color-background);border:none;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px}.popup-body{padding:20px;color:var(--color-text)}.portfolio-section{margin-bottom:20px;border:1px solid var(--color-secondary);padding:15px}.portfolio-section h2{color:var(--color-primary);border-bottom:2px solid var(--color-primary);padding-bottom:10px;margin-bottom:15px;text-transform:uppercase}.personal-info,.skills-content{display:grid;grid-template-columns:1fr;gap:10px}.skill-category ul{list-style-type:square;padding-left:20px}.experience-item,.education-item{margin-bottom:15px}.experience-item h3,.education-item h3{margin-bottom:5px;color:var(--color-primary)}.experience-item ul,.education-item ul{list-style-type:square;padding-left:20px}.experience-item ul li,.education-item ul li{padding-left:10px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.project-card{border:1px solid var(--color-secondary);display:flex;flex-direction:column}.project-image{width:100%;height:200px;overflow:hidden}.project-details{padding:10px}.project-links{display:flex;justify-content:space-between;margin-top:10px}.project-links a{text-decoration:none;color:var(--color-primary);border:1px solid var(--color-primary);padding:5px 10px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;cursor:pointer}.contact-item{display:flex;flex-direction:column}.contact-item a{color:var(--color-primary);text-decoration:none}.hidden{display:none!important}@media screen and (max-width: 768px){body{font-size:16px}.skills-content,.project-grid,.contact-links{grid-template-columns:1fr}.project-card{display:flex;flex-direction:column}.project-image{height:250px}}.project-image img{width:100%;height:100%;object-fit:cover}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typing-h2:after{content:"_";animation:blink-cursor .7s step-end infinite;color:var(--color-primary)}.float-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none;text-align:center;font-family:Bitcount Prop Double,monospace;font-size:2rem;letter-spacing:1px;color:#e2e2e2;text-shadow:0 2px 14px rgba(0,0,0,.22);opacity:0;transition:opacity .5s ease;max-width:80vw}.float-text.visible{opacity:1}.hobbies-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hobby-card{border:1px solid var(--color-secondary);display:flex;flex-direction:column}.hobby-image{width:100%;height:150px;overflow:hidden}.hobby-image img{width:100%;height:100%;object-fit:cover}.hobby-title{padding:8px 10px;text-align:center;font-family:Bitcount Prop Double,monospace;font-size:1rem;letter-spacing:1px;color:var(--color-text);border-top:1px solid var(--color-secondary)}.story-content{max-width:480px}.story-buttons{display:flex;gap:15px;margin-top:20px}.story-btn{background:var(--color-primary);color:var(--color-background);border:none;padding:10px 28px;cursor:pointer;font-family:Bitcount Prop Double,monospace;font-size:1.1rem;letter-spacing:1px;transition:opacity .2s}.story-btn:hover{opacity:.8}.story-btn-no{background:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary)}#hobbies-popup h2,#mat-popup h2,#story-popup h2,#story-popup p{font-family:Bitcount Prop Double,monospace}@media screen and (max-width: 768px){.hobbies-grid{grid-template-columns:1fr}.float-text{font-size:1.4rem}}