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}*{font-family:Funnel Sans,sans-serif;font-size:20px;line-height:34px}.fredericka{font-family:Fredericka the Great,serif;font-style:normal;font-weight:400}.header{display:flex;flex-direction:row;gap:20px;left:20px;position:absolute;top:20px;z-index:1000}.header a{border:2px solid #000;border-radius:30px;color:#000;font-size:16px;line-height:22px;padding:6px 12px;text-decoration:none;transition:background-color .25s,color .25s}.header a:hover{background-color:#000;color:#fff}.menu-button{cursor:pointer;height:20px;position:fixed;right:20px;top:20px;width:22px;z-index:1000}.menu-button .bar{background-color:#000;border-radius:2px;height:4px;left:0;opacity:1;position:absolute;transform-origin:center center;transition:all .25s;width:100%}.menu-button .bar#top{top:0}.menu-button .bar#middle{top:8px}.menu-button .bar#bottom{top:16px}.menu-button:hover .bar#top{left:-3px;top:8px;transform:rotate(45deg);width:18px}.menu-button:hover .bar#middle{opacity:0}.menu-button:hover .bar#bottom{left:9px;top:8px;transform:rotate(-45deg);width:18px}.menu-button.open .bar#top{top:8px;transform:rotate(45deg)}.menu-button.open .bar#middle{opacity:0}.menu-button.open .bar#bottom{top:8px;transform:rotate(-45deg)}.menu-button.open:hover .bar#top{left:-3px;top:8px;transform:rotate(-45deg);width:18px}.menu-button.open:hover .bar#middle{opacity:0}.menu-button.open:hover .bar#bottom{bottom:8px;left:9px;transform:rotate(45deg);width:18px}.menu{background-color:#fff;height:100vh;position:fixed;transform:translateY(-100%);transition:all .25s;width:100vw;z-index:999}.menu.open{transform:translateY(0)}.menu .menu-items-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.menu a{color:#000;display:block;font-size:24px;padding:20px;text-align:center;text-decoration:none}section{box-sizing:border-box;padding:50px 20px}section .content-wrapper{margin:0 auto;width:75%}section h1{font-size:3rem;margin:10px 0}section#home{align-items:center;display:flex;flex-direction:column;justify-content:center}section#home .section-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}section#home .content-wrapper .text-wrapper{width:calc(100% - 300px)}section#home .content-wrapper .image-wrapper{height:230px;width:230px}section#home .content-wrapper .image-wrapper img{border-radius:50%;height:100%;object-fit:cover;width:100%}#projects .projects-grid{display:flex;flex-direction:column}#projects .projects-grid .projects-row{display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:20px}#projects .projects-grid .project-card{border-radius:8px;height:400px;overflow:hidden;position:relative;text-align:center}#projects .projects-grid .project-card.wide{width:60%}#projects .projects-grid .project-card.square{width:40%}#projects .projects-grid .project-card img{height:auto;width:100%}#projects .projects-grid .project-card .overlay{align-items:center;background-color:#000000b3;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:20px 40px;pointer-events:none;position:absolute;top:0;transition:opacity .25s;width:100%}#projects .projects-grid .project-card:hover .overlay{opacity:1;pointer-events:auto}#projects .projects-grid .project-card .overlay h1{font-size:2rem}#projects .projects-grid .project-card .overlay .tech-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px;width:80%}#projects .projects-grid .project-card .overlay .tech-container span{background-color:#fff;border-radius:20px;color:#000;font-size:14px;padding:0 10px}#projects .projects-grid .project-card .overlay .links-container{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}#projects .projects-grid .project-card .overlay .links-container a{background-color:#fff;border-radius:4px;color:#000;font-size:14px;padding:0 10px}video{height:100%;object-fit:cover;width:100%}#experience .experience-container{align-items:center;display:flex;flex-direction:row;gap:5%;justify-content:center}#experience .experience-container .experience-item{width:30%}#experience .experience-container .experience-item img{height:auto;width:100%}#toolkit ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;padding:0}#toolkit ul li{font-size:16px;text-align:center;width:120px}#toolkit ul li .tool-container{height:60px}#toolkit ul li img{height:100%;width:auto}section#about .about-wrapper{align-items:center;display:flex;flex-direction:row;gap:5%;justify-content:space-between}section#about .text-wrapper{width:200%}section#about .contact-links{align-items:center;display:flex;flex-direction:row;gap:20px;margin-top:20px}section#about .contact-links .contact-link img{width:50px}section#about .image-wrapper img{border-radius:50%;height:auto;object-fit:cover;width:100%}.footer{background-color:#000;font-size:14px;margin-top:50px;padding:10px;text-align:center}.footer p{color:#fff;font-size:14px;margin:0}.fade-item{opacity:0;transform:translateY(40px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in{opacity:1;transform:translateY(0)}@media (max-width:1024px){#projects .projects-grid .projects-row{flex-direction:column}#projects .projects-grid .project-card.square,#projects .projects-grid .project-card.wide{width:100%}}@media (max-width:767px){.fredericka{line-height:70px}section .content-wrapper{width:90%}section#home .section-wrapper{align-items:center;flex-direction:column}section#home .content-wrapper .text-wrapper{margin-bottom:20px;width:100%}#experience .experience-container{flex-direction:column}#experience .experience-container .experience-item{width:80%}section#about .about-wrapper{flex-direction:column}section#about .text-wrapper{margin-bottom:20px;width:100%}#projects .projects-grid .project-card .overlay h1{font-size:1.2rem;line-height:20px}#projects .projects-grid .project-card:hover .overlay p{font-size:14px}#projects .projects-grid .project-card .overlay .tech-container{width:130%}}
/*# sourceMappingURL=main.3a466a6c.css.map*/