.social-icons{align-items:center;display:flex;justify-content:space-evenly}.social-icons a img{cursor:pointer;filter:invert(100%) drop-shadow(3px 3px rgb(200,200,200));pointer-events:all;transition:all .3s ease-in-out;width:35px}.social-icons a img:hover{-webkit-filter:invert(0);filter:invert(50%) drop-shadow(3px 3px rgb(200,200,200));transform:scale(1.1)}.navbar{background-color:var(--background);border-bottom:4px solid #0000;border-left:5px solid #0000;border-radius:0 0 25px 25px;border-right:5px solid #0000;display:flex;flex-direction:row;justify-content:space-between;padding:1em 3em;position:fixed;transition:all .25s ease-in-out;width:75%;z-index:1000}.navbar.border{border-color:#000}.navbar div{width:25%}#pages{display:flex;flex-direction:row;justify-content:space-around;width:50%}@media (max-width:1024px){.navbar{padding:.125em 1.5em}#pages{width:75%}}@media (max-width:875px){#pages{display:none}}@media (max-width:600px){.navbar div{width:50%}}.section{scroll-margin-top:125px}.section-header{background:var(--background);border-left:5px solid #000;border-radius:25px 25px 0 0;border-right:5px solid #000;border-top:5px solid #000;margin:0 0 0 2.5%;min-width:125px;padding:.5em 1em;position:relative;text-align:center;width:10%;z-index:501}.section-header:after{background:var(--background);bottom:-5px;content:"";height:5px;left:0;position:absolute;width:100%}.section-body{background:var(--background);border-top:5px solid #000;height:fit-content;padding:2em;position:relative;z-index:500}.section-body.heading{border:none;padding:2em}.section-header h2{margin:0!important}#footer{border-left:5px solid #000;border-radius:25px 25px 0 0;border-right:5px solid #000;border-top:4px solid #000;display:flex;flex-direction:row;justify-content:space-between;padding:1em 3em;width:75%}#footer div{width:25%}@media (max-width:600px){#footer div{width:45%}}.homepage{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:90vh;padding:2rem}.content{max-width:700px;text-align:center}.highlight{color:var(--tran-accent);transition:all .3s ease-in-out}.highlight:hover{color:var(--accent);font-size:110%;text-decoration:underline}.animated-title{font-size:1.5rem;height:2rem;margin:1rem 0 2rem}.description{color:var(--text);font-size:1.1rem;margin-bottom:2rem}.buttons a{border:1px solid var(--accent);border-radius:5px;color:var(--text);display:inline-block;margin:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s,border-color .3s}.buttons a:hover{background:var(--text);border-color:var(--tran-accent);color:var(--background)}.skill-card{align-items:center;background:var(--accent);border:2px solid var(--text);border-radius:10px;color:var(--text);cursor:pointer;display:flex;filter:drop-shadow(5px 5px 0 var(--text));flex-direction:column;height:125px;justify-content:space-between;padding:1em 2em;text-decoration:none;transition:all .25s ease-in-out}.skill-card:hover{background:var(--tran-accent);transform:scale(1.125);z-index:1}.skill-card img{height:90%}.skill-card h3{margin:0;text-align:center}.skill-card-image{align-items:center;display:flex;flex-direction:column;height:75%;width:100%}.skill-card-title{height:25%;width:100%}.skills{align-items:center;display:flex;overflow:hidden;position:relative}.skills-container{overflow:hidden;width:100%}.skills-content{display:flex;transition:transform .5s ease-in-out;width:100%}.skills-group{box-sizing:border-box;flex:0 0 100%;padding:1em 10em}.skills-grid{grid-gap:2.5em;align-items:center;display:grid;gap:2.5em;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-content:center}@media (max-width:992px){.skill-wrapper:not(.always-show):nth-child(n+6){display:none}}@media (max-width:768px){.skill-wrapper:not(.always-show):nth-child(n+4){display:none}}.project-card{align-items:center;background:#fff;border:2px solid var(--text);border-radius:10px;color:var(--text);cursor:pointer;display:flex;filter:drop-shadow(5px 5px 0 var(--text));flex-direction:column;height:16em;padding:1em 2em;text-decoration:none;transition:all .25s ease-in-out}.project-card:hover{background:var(--accent);transform:scale(1.125);z-index:1}.project-card img{margin:.5em 0;width:7.5em}.project-card h2{margin:.25em 0;text-align:center;width:100%}@media (max-width:775px){.project-card{width:50%}.project-card:hover{transform:none}}.projects{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.projects-content{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(550px,5%));justify-content:center;padding:2em 0;width:100%}@media (max-width:775px){.projects-content{align-items:center;display:flex;flex-direction:column}}.contact-container{color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:4rem auto;max-width:700px;padding:0 1rem;text-align:center}.contact-email,.contact-links,.contact-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.contact-container a{border-bottom:1px dashed var(--accent);color:var(--accent);text-decoration:none;transition:all .3s}.contact-container a:hover{border-color:var(--tran-accent);border-bottom:1px solid var(--tran-accent);color:var(--tran-accent);font-size:larger}.App{align-items:center;background-color:var(--background);color:var(--text);display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden}.App .animated-link{color:var(--accent);cursor:pointer;display:block;overflow:hidden;padding:.2em 0;position:relative;text-decoration:none;transition:all .25s}.App .animated-link:focus,.App .animated-link:hover{color:var(--tran-accent)}.App .animated-link:after{background-color:var(--tran-accent);content:"";height:2px;margin-top:.25em;opacity:0;position:absolute;transform:translate3d(-100%,0,0);transition:opacity .1s,transform .25s;width:100%}.App .animated-link:focus:after,.App .animated-link:hover:after{opacity:1;transform:translateZ(0)}.App .icon-button{cursor:pointer;opacity:1;pointer-events:all;transition:.25s ease-in-out}.App .icon-button.disabled{opacity:.3;pointer-events:none}.about-section,.projects-section{--background:#ffbe76}:root{--tranTime:500ms;--background:#fffdf9;--text:#0c0f15;--accent:#e77f67;--tran-accent:#e15f41}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.6ad01425.css.map*/