@import url(https://fonts.googleapis.com/css2?family=New+Tegomin&family=Train+One&display=swap);*,body{margin:0}body{overflow-x:hidden;width:100%;height:100vh;box-sizing:border-box;background-color:var(--background-color);color:var(--font-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--black:#303030;--white:#fff}body{background:var(--background-color);color:var(--text-color)}body.light{--background-color:var(--white);--text-color:#303030}body.dark{--background-color:var(--black);--text-color:#fff}.responsive-iframe{border:none;display:block;margin:0 auto;width:800px}@media (max-width:826px){.responsive-iframe{width:600px}}@media (max-width:610px){.responsive-iframe{width:400px}}@media (max-width:410px){.responsive-iframe{width:370px}}.image-in-darkmode-button{object-fit:fill;border:none;width:30px;cursor:pointer;height:30px}#darkmode-button{height:30px;margin-bottom:10px;border:none;outline:0!important;padding:0;margin-right:15px;background-color:transparent}.darkmode-button-container{display:flex;justify-content:flex-end;margin-top:8px;margin-right:8px}.darkmode-button-container h3{margin-top:7px;margin-right:10px}.darkmode-button:active,.darkmode-button:focus{outline:0!important;border:none}.footer-container{display:flex;justify-content:flex-end;position:fixed;bottom:0;height:30px;width:100%;z-index:2;background-color:#f0f8ff;background-color:initial;margin-right:10px;margin-bottom:10px}.footer-container img:first-child{margin-right:12px;width:30px}.contact-form{height:500px;width:80%;display:flex;flex-direction:column;border-radius:5%;padding:20px}.contact-form-container{box-shadow:0 0 17px 8px rgba(0,0,0,.27);margin:50px auto 0;width:50%;height:80vh;display:flex;justify-content:center;align-items:center}.contact-form input{border:none;border-bottom:1px solid #000;width:400px;height:35px;font-size:20px;margin:0 auto 60px}.contact-form input:focus{border:none;border-bottom:2px solid #1da1f2;outline:none}.contact-form textarea{margin:0 auto 60px;width:400px;font-size:20px;height:100px}.contact-form h1{text-transform:uppercase;margin:0 auto 30px}@media only screen and (max-width:989px){.contact-form input,.contact-form textarea{width:300px}}@media only screen and (max-width:739px){.send-email-title{font-size:larger;text-align:center}.contact-form input,.contact-form textarea{width:150px}}@media only screen and (max-width:414px){.contact-form input{margin-bottom:30px;width:150px}.send-email-title{font-size:medium;text-align:center}.contact-form input::-webkit-input-placeholder{font-size:12px}.contact-form input::placeholder{font-size:12px}.contact-form textarea{width:148px;height:50px;margin:0 auto}.contact-form{margin-top:50px;width:150px;height:300px}.contact-form-container{height:60vh;width:70%}.contact-form textarea::-webkit-input-placeholder{font-size:12px}.contact-form textarea::placeholder{font-size:12px}.contact-form img{margin-left:20px}#submit-input{margin-top:10px;font-size:15px;margin-left:2px}}@media only screen and (max-height:1200px){.contact-form-container{height:65vh}}@media only screen and (max-height:900px){.contact-form-container{height:55vh}.contact-form input{margin-bottom:25px}.contact-form textarea{height:50px;margin:0 auto 20px}.contact-form{height:450px;padding-top:120px}}@media only screen and (max-height:600px){.contact-form-container{height:45vh}.contact-form{height:250px}#submit-input{font-size:15px}.contact-form textarea{margin-bottom:25px;height:30px}.contact-form input{height:30px}}.about-me-container{width:50%;display:flex;flex-direction:column;justify-content:center;margin-left:150px;font-size:30px}#greetings-container{height:400px;width:78%}.about-me-container h1{font-size:50px;margin:120px 0;color:rgba(0,0,0,.527)}.about-me-container h2{font-size:30px;margin:40px 0 100px}.about-me-container h2,.about-me-container p{font-family:"New Tegomin",serif;letter-spacing:3px}.about-me-container p{font-size:20px}#about-me-info{margin-bottom:200px}@media only screen and (min-width:2050px){#about-me-info{margin-top:100px;margin-bottom:500px}}@media only screen and (max-width:930px){.about-me-info-container{margin-top:120px}}@media only screen and (max-width:700px){.about-me-info-container{margin-top:150px}}@media only screen and (max-width:443px){.about-me-container{margin-left:75px}.about-me-container h1{font-size:18px;margin-bottom:10px}.about-me-container h2{font-size:10px;width:240px}.about-me-container p{font-size:10px;width:250px}.about-me-info-container{margin-top:0}#greetings-container{height:220px;width:100%}#greetings-container div h1{width:200px}#about-me-info{margin-bottom:100px}}.projects-cards-container{margin-top:55px;flex-direction:column;display:flex;justify-content:center;align-items:center}#icons-image{width:30px;height:30px;margin-left:5px}.projects-cards{width:950px;margin-bottom:50px;box-shadow:0 0 37px 6px rgba(0,0,0,.43)}#card-image{width:100%}#card-info{display:flex;justify-content:space-between}.technologies{margin-top:50px;margin-bottom:5px}@media only screen and (max-width:832px){.projects-cards{width:600px}}@media only screen and (max-width:600px){.projects-cards{width:373px}}@media only screen and (max-width:400px){.projects-cards{width:350px}}@media only screen and (max-width:600px){.technologies{margin-top:27px}#icons-image{width:20px;height:20px}.projects-cards-container{margin-bottom:120px}}@media only screen and (min-width:1920px){.projects-cards{width:1200px}#icons-image{margin-top:50px;width:50px;height:50px;margin-bottom:10px}.technologies{margin-top:45px;margin-bottom:20px}}.projects-cards:hover{-webkit-transform:scale(1.1) translateY(-50px);transform:scale(1.1) translateY(-50px);box-shadow:0 0 37px 6px rgba(0,0,0,.43)}.project-page-info{width:1400px;margin:0 auto;display:flex;justify-content:space-between}.project-page-info section h3{margin-top:25px;width:70%}.demo-github-container{margin-top:50px}.demo-github-container h2{margin-bottom:15px}.title-description-containor{width:550px;margin-top:50px;margin-bottom:50px}@media only screen and (max-width:1280px){.project-page-info{width:900px}}@media only screen and (max-width:960px){.project-page-info{width:600px}}@media only screen and (max-width:600px){.project-page-info{width:350px;margin:0 auto}.title-description-containor{width:500px;margin-top:50px;margin-bottom:50px}}
/*# sourceMappingURL=main.60b2745c.chunk.css.map */