@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700;1,900);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);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}:root{--background-color:#140e1b;--text-color:#f2d7ee;--hover-link-color:#ca054d;--extra-shade:#39284f94}*{box-sizing:border-box}body{background-color:#140e1b;background-color:var(--background-color);color:#f2d7ee;color:var(--text-color);font-family:Inter,sans-serif;font-size:18px}nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between}nav a img{left:0;margin:.5rem;position:fixed;top:0;z-index:3}nav a img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#navbar ul{align-items:center;background-color:#f2d7ee;background-color:var(--text-color);display:flex;justify-content:flex-end;left:0;list-style:none;margin:0;padding:20px;position:fixed;top:0;width:100%;z-index:1}#navbar ul li a{color:#140e1b;color:var(--background-color);font-size:120%;padding:1rem 1rem 0;position:relative;text-decoration:none}#navbar ul li a:before{background-color:#140e1b;background-color:var(--background-color);bottom:0;content:"";display:block;height:2px;left:1rem;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80%}#navbar ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}main{text-align:center}#about,#contact-me{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}#about{margin:auto;width:50vw}#intro{display:block;font-size:2.4rem}.Typewriter{font-family:Roboto Mono,monospace;max-width:530px}#introHighlight{color:#ca054d;color:var(--hover-link-color)}#intro-par{display:block;line-height:1.75rem;margin-bottom:2.5rem;max-width:35rem;text-align:justify;width:90%}#intro-buttons-cont{display:flex;justify-content:space-evenly;max-width:530px;width:100%}#intro-buttons-cont button{background-color:#ca054d;background-color:var(--hover-link-color);border:none;border-radius:10px;font-family:inherit;font-weight:500;padding:.8rem}#intro-buttons-cont button a{color:#f2d7ee;color:var(--text-color);text-decoration:none}#intro-buttons-cont button button:hover{box-shadow:0 0 .5px 1px #f2d7ee;box-shadow:0 0 .5px 1px var(--text-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.my-work-title{margin-top:100px;padding-top:100px;width:100%}#proj-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.project-tile{background-color:#39284f94;background-color:var(--extra-shade);border-radius:10px;box-sizing:inherit;color:#f2d7ee;color:var(--text-color);margin:10px 15px;max-width:400px;min-width:300px;padding:10px;text-decoration:none}.proj-pic{border-radius:10px;font-size:600%;margin-bottom:50px;margin-top:0}.proj-name{font-weight:700}.proj-sub{min-font-size:16px;font-size:90%;margin:10px auto;text-transform:uppercase;width:90%}.proj-desc{min-font-size:14px;font-size:80%;margin:10px auto;text-align:left;width:75%}.container{position:relative}.overlay{background-color:#ca054d;background-color:var(--hover-link-color);border-radius:0 0 10px 10px;bottom:0;height:100%;left:0;opacity:0;right:0;top:0;transition:.3s ease;width:100%}.container:hover .overlay{opacity:1}.overlay{color:#f2d7ee;color:var(--text-color);left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.project-tile:hover{background-color:#f2d7ee;background-color:var(--text-color);color:#140e1b;color:var(--background-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-container{margin:0 auto;max-width:1200px;width:80%}.toggle-group{margin-bottom:2rem}.toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:background-color .2s;width:100%}.toggle-button:hover{background-color:rgba(0,0,0,.05)}.toggle-icon{flex-shrink:0;font-size:1.5rem;font-weight:700;text-align:center;width:1.5rem}.toggle-icon,.toggle-title{color:#f2d7ee;color:var(--text-color)}.toggle-title{font-size:1.2rem;font-weight:600;white-space:nowrap}.toggle-line{background-color:#f2d7ee;background-color:var(--text-color);flex:1 1;height:2px;opacity:.3}.projects-grid{grid-gap:2rem;-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem 1rem}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.my-ts-icon{background-color:#f2d7ee;background-color:var(--text-color);border-radius:5px;display:inline-block;min-height:1.7rem;min-width:1.7rem}.my-ts-icon:after{color:#ca054d;color:var(--hover-link-color);content:"TS";font-family:Segoe UI,sans-serif;font-size:60%;font-weight:700}.logo-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.logo-container i,.logo-container img{display:inline-block;height:1.7rem;width:1.7rem}.logo-container img{object-fit:contain}.langu{font-size:1.7rem}#contact-me{height:90vh;margin-top:100px;padding-top:100px}#contact-me h1{font-size:240%;margin:0 auto 80px;text-align:center;width:50%}.all-container{display:flex;flex-direction:row;flex-wrap:wrap}form{margin:-30px auto auto -40px;min-width:350px;width:40%}form input,form textarea{background-color:#39284f94;background-color:var(--extra-shade);border:none;border-radius:8px;color:#f2d7ee;color:var(--text-color);display:block;font-family:inherit;font-size:medium;margin:auto;padding:.5rem;resize:vertical;width:70%}form .message-intro{margin-top:-10px}form label{display:block;font-size:90%;margin:1% auto;text-align:left;width:70%}form button{background-color:#ca054d;background-color:var(--hover-link-color);border:none;border-radius:10px;color:#140e1b;color:var(--background-color);font-family:inherit;font-size:90%;font-weight:500;margin:1rem auto;padding:8px}.social-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:130%;justify-content:center;margin:-60px auto auto;min-width:150px;width:25%}.social-container .social-p{font-size:80%}.social-link{color:#ca054d;color:var(--hover-link-color);display:inline-block;font-size:150%;margin-top:10px;padding-bottom:15%;padding-left:3%;transition:-webkit-transform .3s ease-out 0ms;transition:transform .3s ease-out 0ms;transition:transform .3s ease-out 0ms,-webkit-transform .3s ease-out 0ms}.social-link:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}[type=submit]:hover{box-shadow:0 0 .5px 1px #f2d7ee;box-shadow:0 0 .5px 1px var(--text-color);color:#f2d7ee;color:var(--text-color);-webkit-transform:scale(1.1);transform:scale(1.1)}[type=submit]:active{box-shadow:0 0 .5px 1px #39284f94;box-shadow:0 0 .5px 1px var(--extra-shade);color:#39284f94;color:var(--extra-shade)}footer{padding:10px;text-align:center;width:100%}@media screen and (max-width:600px){#navbar #logoNav{display:none}#navbar ul{background-color:#f2d7ee;background-color:var(--text-color);display:flex;font-size:80%;justify-content:space-between;left:0;list-style:none;margin:0;padding:1rem;position:fixed;top:0;width:100%}#navbar ul li a{font-size:100%;padding:5px;text-align:center}#navbar ul li a:before{left:.5rem}#about{display:flex;flex-direction:column;height:100vh;margin:auto 10px;width:100%}#intro{font-size:190%;text-align:center}#intro-buttons-cont{display:flex;flex-wrap:wrap;width:100%}#intro-buttons-cont button{margin-bottom:.8rem;width:60%}#contact-me{width:100%}#contact-me h1{font-size:190%;text-align:center}.all-container{flex-direction:column}.all-container form{margin:-40px auto auto}.social-container{display:grid;grid-template-columns:minmax(120px,1fr);justify-content:center;margin-top:auto;width:50%}.social-link{margin:2%;padding:2%}footer{margin-top:15%}}@media screen and (max-width:1200px){#about{margin:auto;max-width:inherit;width:70%}#about button{font-size:1rem}}
/*# sourceMappingURL=main.9b3e9fd2.css.map*/