body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#fff;color:#333;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.app-container{margin:0 auto;padding:20px;text-align:center;width:50%}.header{background:url(/static/media/bg.7e989ee02a5c3fa9978e.png) no-repeat 50%;background-size:contain;border-radius:10px;height:200px;margin-bottom:20px;overflow:hidden}.info{margin-top:20px}.name{color:#000;font-size:1.8em;font-weight:700}.social-links{gap:15px;margin-top:10px}.icon,.social-links{display:flex;justify-content:center}.icon{align-items:center;background-color:#333;border-radius:50%;color:#fff;font-size:2em;height:50px;padding:12px;text-decoration:none;transition:background .3s,transform .3s;width:50px}.icon:hover{background-color:#666;transform:scale(1.1)}.projects-title{color:#333;font-size:1.5em;margin-top:40px}.projects-links{margin-top:20px}.project{margin-bottom:20px}.project-header{align-items:center;background:#f0f0f0;border-radius:5px;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;justify-content:space-between;padding:8px;transition:background .3s}.project-header:hover{background:#ccc}.arrow{color:#8a8a8a;font-size:1.5em}.project-description{background:#f9f9f9;border-radius:5px;margin-top:10px;padding:10px}.project-description a{color:#007bff;text-decoration:none}.project-description a:hover{text-decoration:underline}.curriculum-button{margin-top:40px}.curriculum-button a{background-color:#000;border-radius:5px;color:#fff;display:inline-block;font-size:1.2em;padding:12px 20px;text-align:center;text-decoration:none;transition:background .3s,transform .3s;width:100%}.curriculum-button a:hover{background-color:#444;transform:scale(1.05)}@media (max-width:768px){.app-container{width:95%}.header{height:150px}.icon,.name{font-size:1.5em}.icon{height:45px;padding:10px;width:45px}.projects-title{font-size:1.3em}.project-link{font-size:.9em;padding:6px 0}}@media (max-width:480px){.app-container{width:95%}.header{height:120px}.name{font-size:1.2em}.icon{font-size:1.3em;height:40px;padding:8px;width:40px}.projects-title{font-size:1.1em}.project-link{font-size:.8em;padding:5px 0}}
/*# sourceMappingURL=main.854cdd8d.css.map*/