@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);.header{align-items:center;background:#ecd6fc;display:flex;height:100px;justify-content:space-between;position:fixed;width:100%}.header h1{font-size:24px;font-weight:700;margin-left:24px;-webkit-user-select:none;user-select:none}.header .navigationBar a{font-weight:700;margin-left:25px;margin-right:25px}.header .navigationBar a:hover{text-decoration:underline}@media(max-width:880px){.header{align-items:center;flex-direction:column;height:auto;justify-content:center;position:relative}.header h1{border-bottom:2px solid #000;border-top:2px solid #000;margin-left:0;padding:10px;text-align:center;width:100%}.header .navigationBar{align-items:center;display:flex;flex-direction:column;width:100%}.header .navigationBar a{border-bottom:1px solid #000;margin:0;padding:10px;text-align:center;width:100%}}*{box-sizing:border-box;font-family:Roboto Mono;font-size:16px;margin:0;padding:0}div.layout{background:#fff}div.layout main{padding:0 100px}@media(max-width:880px){div.layout main{padding:0 50px}}@media(max-width:500px){div.layout main{padding:0 10px}}.introduction{align-items:center;display:flex;justify-content:center;min-height:100vh}.introduction .itemsContainer{display:flex;flex-direction:column;gap:17px;width:400px}.introduction .itemsContainer h1{font-size:24px;font-weight:700;text-align:left}.introduction .itemsContainer h2{font-size:20px;text-align:left}.introduction .itemsContainer p{font-size:16px;justify-content:left;overflow:auto;text-align:left}.introduction .itemsContainer .socialLinks{display:flex;gap:20px;margin-top:20px}.introduction .itemsContainer .socialLinks button{background-color:#ecd6fc;border:0;border-radius:10px;height:42px;margin:0;padding-left:41px;padding-right:41px}.introduction .itemsContainer .socialLinks button:hover{background-color:#d4b5f9}.skillCard{align-items:center;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:215px;justify-content:center;margin:24px;width:30%;width:400px}.skillCard h2{font-size:20px;font-weight:700}.skillCard p{font-size:16px;text-align:center;width:346px}@media(max-width:450px){.skillCard{height:250px;width:300px}.skillCard p{padding:10px;width:100%}}.skills{align-items:center;display:flex;justify-content:center;min-height:100vh}.skills .itemsContainer{align-items:center;display:flex;flex-direction:column;gap:60px}.skills .itemsContainer #title{align-items:center;display:flex;flex-direction:column;font-size:24px;gap:28px;text-align:center;width:100%}.skills .itemsContainer #title .line{width:50%}.skills .itemsContainer .skillsCardsContainer{display:flex;flex-wrap:wrap;justify-content:center}.projectCard{align-items:center;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:550px;justify-content:space-between;padding:20px 0;width:400px}.projectCard h1{font-size:20px;font-weight:700}.projectCard h1,.projectCard h3,.projectCard p{text-align:center}.projectCard p{font-size:16px;width:346px}.projectCard .links{display:flex;gap:15px;margin-top:20px}.projectCard .links button{background-color:#ecd6fc;border:0;border-radius:10px;height:42px;margin:0;width:147px}.projectCard .links button:hover{background-color:#d4b5f9}@media(max-width:500px){.projectCard{height:550px;padding:10px;width:350px}.projectCard p{width:100%}}.projects{align-items:center;display:flex;justify-content:center;min-height:100vh}.projects .itemsContainer{gap:60px}.projects .itemsContainer,.projects .itemsContainer #title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.projects .itemsContainer #title{font-size:24px;gap:28px;text-align:center}.projects .itemsContainer #title .line{width:50%}.projects .itemsContainer .projectsCardsContainer{display:flex;gap:24px;overflow:scroll;padding-bottom:20px;width:100%}.projects .itemsContainer .projectsCardsContainer *{flex-shrink:0}@media(max-width:500px){.projectsCardsContainer{padding-left:10px;scroll-snap-type:x mandatory}.projectsCardsContainer *{scroll-snap-align:center}}.aboutMe{gap:50px;min-height:100vh;padding-bottom:5%}.aboutMe,.aboutMe #title{align-items:center;display:flex;flex-direction:column;justify-content:center}.aboutMe #title{font-size:24px;gap:28px;text-align:center;width:100%}.aboutMe #title .line{width:50%}.aboutMe .line{border:none;border-bottom:2px solid #000;width:80px}.aboutMe .itemsContainer{align-items:center;display:flex;gap:30px;justify-content:center}.aboutMe .itemsContainer img{height:400px;width:400px}@media(max-width:500px){.aboutMe .itemsContainer img{height:300px;width:300px}}.aboutMe .itemsContainer h1{font-size:24px;font-weight:700;text-align:left}.aboutMe .itemsContainer h2{font-size:20px;text-align:left}.aboutMe .itemsContainer p{font-size:16px;justify-content:left;overflow:auto;text-align:left}.aboutMe .itemsContainer .right{display:flex;flex-direction:column;gap:17px;height:100%;width:470px}@media(max-width:925px){.aboutMe .itemsContainer .right{width:80%}}.aboutMe .itemsContainer button{background-color:#ecd6fc;border:0;border-radius:10px;height:42px;margin:0;padding-left:41px;padding-right:41px}.aboutMe .itemsContainer button:hover{background-color:#d4b5f9}@media(max-width:925px){.itemsContainer{flex-direction:column}.itemsContainer img{width:50%}}.contactMe{gap:50px;justify-content:center;min-height:100vh}.contactMe,.contactMe #title{align-items:center;display:flex;flex-direction:column}.contactMe #title{font-size:24px;gap:28px;text-align:center;width:100%}.contactMe #title .line{width:50%}.contactMe .itemsContainer{display:flex}.contactMe .itemsContainer .left{display:flex;flex-direction:column;gap:17px;width:50%}.contactMe .itemsContainer .left h2{font-size:20px;text-align:left}.contactMe .itemsContainer .left .line{border:none;border-bottom:2px solid #000;width:80px}.contactMe .itemsContainer .left img{height:40px;width:40px}.contactMe .itemsContainer .left h3,.contactMe .itemsContainer .left p{text-align:start}.contactMe .itemsContainer .left .socialLinks{display:flex;gap:10px}.contactMe .itemsContainer .left .socialText{display:flex;flex-direction:column;gap:10px}@media(max-width:925px){.contactMe .itemsContainer .left{width:100%}.contactMe .itemsContainer .left h3,.contactMe .itemsContainer .left p{text-align:center}}.contactMe .itemsContainer .right{border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:20px;height:500px;padding:25px 20px;width:50%}.contactMe .itemsContainer .right .nameAndEmail{align-items:left;display:flex;gap:20px;width:100%}.contactMe .itemsContainer .right .entry{align-items:start;display:flex;flex-direction:column;gap:10px;height:66px;width:100%}.contactMe .itemsContainer .right .entry.message{height:100%}.contactMe .itemsContainer .right .entry.message .messageBox{height:100%;padding:10px;width:100%}.contactMe .itemsContainer .right .entry input{height:35px;width:100%}.contactMe .itemsContainer .right input,.contactMe .itemsContainer .right textarea{border:1px solid rgba(80,77,77,.933);border-radius:10px;padding-left:10px;resize:none}.contactMe .itemsContainer .right button{background-color:#ecd6fc;border:0;border-radius:10px;height:80px;margin:0;padding-left:41px;padding-right:41px;width:200px}.contactMe .itemsContainer .right button:hover{background-color:#d4b5f9}@media(max-width:925px){.contactMe .itemsContainer .right{align-items:center;width:100%}.itemsContainer{align-items:center;flex-direction:column;gap:30px;justify-content:center;padding-bottom:10%}.itemsContainer .left{align-items:center;border-bottom:1px solid #000;padding-bottom:15px}}.learnMore{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding-bottom:10%;padding-top:125px}.learnMore *{width:100%}.learnMore .back a{cursor:pointer;text-align:left}.learnMore .line{border:none;border-bottom:2px solid #000;width:80px}.learnMore h2{font-size:20px;padding-bottom:17px;text-align:left}.learnMore ul{padding-left:15px}.learnMore #title{align-items:center;display:flex;flex-direction:column;padding-bottom:17px}.learnMore #title h1{font-size:24px;padding-bottom:28px;text-align:center;width:100%}.learnMore #title .line{width:50%}.learnMore p{display:flex;flex-direction:column;gap:17px}.learnMore p a{display:flex;justify-content:center;text-decoration:none;width:100%}.learnMore p a button{align-items:center;background-color:#ecd6fc;border:0;border-radius:10px;flex-grow:0;flex-shrink:0;height:42px;margin:0;padding-left:41px;padding-right:41px;text-decoration:none;width:auto}.learnMore p a button:hover{background-color:#d4b5f9}@media(max-width:880px){.learnMore{padding:50px 0}.learnMore h2,.learnMore p,.learnMore ul{text-align:center}.learnMore ul{list-style-position:inside;padding-left:0}.learnMore li{display:list-item}.learnMore .subtitle{align-items:center;display:flex;flex-direction:column}}
/*# sourceMappingURL=main.73eeba99.css.map*/