.header{background-color:#222;color:#fff;padding:20px}.header ul{align-items:center;display:flex;justify-content:center;list-style:none}.header ul li{margin:0 10px}.header ul li a{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;text-decoration:none;transition:color .3s}.header ul li a:hover{color:#007bff}.header ul li a.active{color:#007bff;font-weight:700}.home{background-color:#fff;color:#333;padding:2rem;text-align:center}.home__title{font-size:2.5rem;margin:0}.home__subtitle{font-size:1.5rem;margin:1rem 0 0}.home__button{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem 1.5rem}.home__button:hover{background-color:#555}.about{background-color:#333;color:#fff;padding:2rem;text-align:center}.about__title{font-size:2rem;margin:0}.about__text{font-size:1rem;margin-top:1.5rem}.portfolio-page{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.project-item,.project-item a{align-items:center;box-sizing:border-box;display:flex;height:400px;justify-content:center;margin:.5rem;overflow:hidden;position:relative;width:400px}.project-item,.project-item a{color:inherit;text-decoration:none}.project-item:hover{position:relative}.project-item:hover:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-item:hover .project-title{display:none}.project-item:hover .project-description{display:block}.project-content{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:400px;justify-content:center;padding:1rem;text-align:center;width:400px}.project-title{font-size:60px;font-weight:700;margin-bottom:10px}.project-description{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#fff;display:none;font-size:40px;z-index:2}.project-image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:400px;position:absolute;width:400px}.contact{background-color:#333;color:#fff;padding:2rem;text-align:center}.contact__title{font-size:2rem;margin:0}.contact__text{font-size:1rem;margin-top:1.5rem}.contact__form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.footer{background-color:#f2f2f2;color:#333;padding:1rem;text-align:center}.footer__text{margin:0}.highlight{color:#007bff}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}
/*# sourceMappingURL=main.c4bb2418.css.map*/