main{margin:0 auto;max-width:90%;padding:50px 30px}:root{--primary:#499167;--secondary:#2e282a;--tertiary:#f0f2a6;--quaternary:#39a9db;--quinary:#bfd7ea;--light:#bfd7ea;--dark:#353831;--darker:#39a9db;--error:#e42e01;--spacing-one:0.5rem;--spacing-two:1rem;--spacing-five:2.5rem}*{box-sizing:border-box}body,html{min-height:100%}body{background:#353831;background:var(--dark);color:#bfd7ea;color:var(--light);font-family:Courier New,Courier,monospace;font-size:18px;font-weight:600;letter-spacing:.1em;line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:500;line-height:1.25;margin:5px 0}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:1.1rem;margin-top:0}a{border-radius:5px;color:red;font-weight:700;font-weight:600;margin-left:-2px;margin-right:-2px;padding:2px 4px;text-decoration:none}a:hover{text-decoration:underline}header{background:#2e282a;background:var(--secondary);display:flex;justify-content:space-between;padding:1rem;text-align:center}header a{color:#bfd7ea;color:var(--light)}button{background:#39a9db;background:var(--quaternary);border:0;border-radius:.5rem;color:#fff;cursor:pointer;font-size:16px;font-size:1rem;font-weight:600;padding:10px 15px}button:hover{opacity:.8}button[disabled]{cursor:default;opacity:.8}img{max-width:100%}span[role=img]{cursor:default}form{width:40%}input{border:1px solid #353831;border:1px solid var(--dark);border-radius:3px;font-size:1rem;outline:none;padding:.25rem;transition:box-shadow .2s;width:600px}input:focus{border:1px solid #2e282a;border:1px solid var(--secondary);box-shadow:0 0 .25rem #00000080}ol li{list-style:inside}ul li{list-style:none}nav a:hover{text-decoration:none}nav li{cursor:pointer}textarea{border:3px solid #ccc;height:120px;padding:5px;width:600px}.container{margin-left:auto;margin-right:auto;max-width:1200px;width:85%}.flex-row{display:flex;justify-content:space-evenly}.space-between{justify-content:space-between}.flex-end{justify-content:flex-end}.mx-1{margin-left:.5rem;margin-left:var(--spacing-one);margin-right:.5rem;margin-right:var(--spacing-one)}.mx-2{margin-left:1rem;margin-left:var(--spacing-two);margin-right:1rem;margin-right:var(--spacing-two)}.my-1{margin-bottom:.5rem;margin-bottom:var(--spacing-one);margin-top:.5rem;margin-top:var(--spacing-one)}.my-2{margin-bottom:1rem;margin-bottom:var(--spacing-two);margin-top:1rem;margin-top:var(--spacing-two)}.my-5{margin-bottom:2.5rem;margin-bottom:var(--spacing-five);margin-top:2.5rem;margin-top:var(--spacing-five)}.px-1{padding-left:.5rem;padding-left:var(--spacing-one);padding-right:.5rem;padding-right:var(--spacing-one)}.px-2{padding-left:1rem;padding-left:var(--spacing-two);padding-right:1rem;padding-right:var(--spacing-two)}.py-1{padding-bottom:.5rem;padding-bottom:var(--spacing-one);padding-top:.5rem;padding-top:var(--spacing-one)}.py-2{padding-bottom:1rem;padding-bottom:var(--spacing-two);padding-top:1rem;padding-top:var(--spacing-two)}.contact-box{background:#2e282a;background:var(--secondary);border-radius:8px;box-shadow:2px 2px 6px #0000004d,-2px -2px 6px #ffffff1a;color:#bfd7ea;color:var(--light);display:inline-block;font-size:1rem;font-weight:700;margin:10px auto;padding:10px 20px;text-align:center;transition:all .3s ease;width:auto}.contact-box:hover{box-shadow:4px 4px 10px #0006,-4px -4px 10px #fff3;transform:scale(1.03) translateY(-3px)}.contact-box p{color:#bfd7ea;color:var(--light);margin:0;text-shadow:1px 1px 2px #00000080}.img-thumbnail{cursor:pointer;height:300px;margin-bottom:50px;width:auto}.modalBackdrop{background:#000000a6;bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:1}.modalContainer{background:#39a9db;background:var(--darker);border-radius:5px;margin:50px auto;max-width:100%;padding:15px;width:960px}.modalTitle{font-size:18px;font-weight:600;margin-bottom:25px}.navActive{color:#499167;color:var(--primary)}.footer{display:flex;flex-wrap:wrap;justify-content:space-evenly}.photo{margin-bottom:50px;max-height:640px;max-width:480px}.image,.photo{height:auto;width:auto}.image{max-height:500px;max-width:500px;padding:50px}.logo{cursor:pointer;height:50px;margin-bottom:50px;width:50px}.logo:hover{opacity:.5}.center{display:flex;justify-content:center}.page-header{font-family:Roboto,sans-serif;font-size:2.5em;font-weight:500;line-height:1.25;margin:5px 0;padding-bottom:2rem}.bottom-spacing{margin-bottom:2.5rem;margin-bottom:var(--spacing-five)}.card{text-align:center;width:25%}.card-title{color:#39a9db;color:var(--quaternary);font-size:1.5rem}.card-subtitle{color:#f0f2a6;color:var(--tertiary);font-size:1rem}.card-text{height:8rem}.card-techs,.card-text{color:#bfd7ea;color:var(--quinary);font-size:.75rem}.card-techs{height:4rem}.card-image{max-height:150px;max-width:300px}.card-link{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:.7rem}.padding{padding:50px}@media screen and (max-width:817px){header div{position:relative;width:110%}header div h2{position:absolute;top:50%;transform:translateY(-50%)}h2{font-size:1.5rem}nav ul li span{font-size:.75em}.mobile-header{width:110%}.mobile-row{display:block;margin:0 100px 0 auto}.mobile-view{display:inline;text-align:end}.photo{height:auto;max-height:300px;max-width:500px;padding:50px;width:auto}input,textarea{width:350px}textarea{border:3px solid #ccc;height:120px;padding:5px}ol{font-size:.75rem}}.skills-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}.skills-category{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:10px;box-shadow:6px 6px 12px #0003,-6px -6px 12px #fffc;padding:15px;transition:transform .3s ease-in-out}.skills-category:hover{box-shadow:10px 10px 15px #0000004d,-10px -10px 15px #ffffffe6;transform:scale(1.05)}.skills-category h5{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:10px;text-shadow:3px 3px 5px #00000080;text-transform:uppercase}.skills-category ol{list-style:none;padding:0}.skills-category li{color:#333;font-size:1rem;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 6px #00000080;transition:color .3s ease-in-out}.skills-category li:hover{color:#007bff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d27793ec.css.map*/