body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;color:#fff;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}.App{display:flex;flex-direction:column;height:auto}.title{font-size:30px}.contactcons{color:#fff;font-size:15px;font-weight:700;padding:1.2%;text-decoration:none;transition:.4s}.icons{font-size:20px}.contactcons:hover,.icons{color:#3674b5;transition:.4s}.contactcons:hover>.icons{color:#fff;transition:.4s}.blue{color:#3674b5}.topbar{display:flex;font-size:10px;font-weight:0;justify-content:center;padding:2% 0;width:100%}.topbar,.toptitle{text-align:center}.App-header,.header{color:#fff;display:flex;justify-content:center;padding:1% 10%}.pc-title{display:block;font-size:30px}.mobile-title{display:none}.left{display:block;float:left;padding:5% 10%}.titleHeader{font-size:50px}.left p{padding:0 10%}.right{display:block}.right,.top-right{height:500px;width:100%}.top-right{display:none;float:right}@media only screen and (max-width:600px){.App-header,.header{display:block;height:auto;padding:2%;width:auto}.pc-title,.right{display:none}.top-right{display:block}.mobile-title{display:block;font-size:30px;padding:0 20%;text-align:center}}.App-main{display:flex;flex-direction:column;gap:2%}.projects{display:flex;justify-content:center;padding:5% 0}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;width:80%}.cell{display:flex;justify-content:center;padding:10%}.card{border-radius:10px;box-shadow:0 0 10px 0 #000;display:grid;flex-direction:column;grid-template-columns:1fr;grid-template-rows:5fr 5fr 5fr;height:400px;overflow:hidden;padding:5% 10%;text-align:center;width:70%}.card-body{font-size:12px;height:70px;padding:10% 0}.card-image{border-radius:10px;box-shadow:0 0 20px 0 #000;height:200px}.card-footer{aling-items:center;display:flex;justify-content:center;padding:10% 0}.card-footer-a{background-color:#fff;border-radius:5px;color:#000;display:block;font-weight:700;height:auto;margin:10px;padding:2% 5%;text-align:center;text-decoration:none;transition:.4s}.card-footer-a:hover{box-shadow:0 0 50px 0 #000;transition:.4s}.experience{display:flex;justify-content:center;padding:5% 0;text-align:center;width:100%}.titleExperience{padding:0;text-align:center;width:auto}.card-experience{display:flex;justify-content:center;padding:2% 10%;width:auto}.card-body-experience{padding:1% 10% 0 1%;width:50%}.card-body-experience h1,h4{font-size:20px;margin:0;padding:0;text-align:left}.card-body-experience p{font-size:15px;text-align:justify}.card-image-experience{float:right;height:200px;padding:10% 0;width:40%}.card-footer-a-experience{background-color:#fff;border-radius:5px;color:#000;display:block;font-weight:700;height:auto;margin:10px;padding:2% 5%;text-align:center;text-decoration:none;transition:.4s}.card-footer-a-experience:hover{box-shadow:0 0 50px 0 #000;transition:.4s}@media only screen and (max-width:600px){.App-main{display:block;height:auto;padding:2%;width:auto}.projects{display:flex;justify-content:center;padding:5% 0}.grid-3{display:grid;grid-template-columns:1fr;width:100%}.cell{display:flex;justify-content:center;padding:10%}.card{border-radius:10px;box-shadow:0 0 10px 0 #000;display:grid;flex-direction:column;grid-template-columns:1fr;grid-template-rows:5fr 5fr 5fr;height:400px;overflow:hidden;padding:10%;text-align:center;width:70%}.experience{display:flex;justify-content:center;padding:5% 0;text-align:center;width:100%}.card-experience{display:block;padding:2% 10%;width:auto}.card-body-experience{padding:1% 10% 0 1%;width:100%}.card-body-experience h1,h4{font-size:20px;margin:0;padding:0;text-align:left}.card-body-experience p{font-size:15px;text-align:justify}.card-image-experience{float:right;height:150px;padding:10% 0;width:100%}}.App-footer{background-color:#000;display:flex;flex-direction:column;gap:2%;padding:2%}.midFooter{display:flex;justify-content:center;width:100%}.contactText{display:flex;float:left;gap:10%;padding:1% 20% 0 0;width:30%}.contactIcons{display:flex;float:right;font-size:50px;padding:1% 10%}.contactIcons a{color:#fff;padding:7%}.inline{width:100%}.bottomFooter{font-size:15px;padding:1%;text-align:center}@media only screen and (max-width:600px){.contactText{display:block;margin:0 2%;padding:0;width:100%}.inline{text-align:center}.contactIcons,.inline{margin:0;padding:0;width:100%}.contactIcons{display:flex;justify-content:center}.midFooter{display:block}}
/*# sourceMappingURL=main.cc51a085.css.map*/