:root{--primary-color:#041e43;--bg-color:#f5f6f8;--accent-color:#08469e;--max-content-width:1200px}body,html{font-family:"Mulish",sans-serif;margin:0 auto;color:#041e43;color:var(--primary-color);min-height:100%;scroll-behavior:smooth}section .section-title{text-align:center;font-weight:800;font-size:2em;margin:40px 0}section:not(:first-child)>.content{padding:0;max-width:1200px;max-width:var(--max-content-width)}section:not(:first-child){padding:40px 0}#about-me{background-color:#f5f6f8;background-color:var(--bg-color);box-sizing:border-box;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#about-me .content{padding:40px}#about-me p{max-width:1200px;max-width:var(--max-content-width);text-align:justify}#about-me h1{margin-top:0}.timeline .break{display:none}.timeline:before{content:"";position:absolute;width:2px;height:100%;background-color:#08469e;background-color:var(--accent-color);left:20px}.timeline{position:relative;padding:0 40px;box-sizing:border-box}.timeline .timeline-item{background-color:#f5f6f8;background-color:var(--bg-color)}.timeline .timeline-item:not(:first-child){margin-top:20px}@media only screen and (max-width:899px){.timeline:before{left:unset;z-index:1}.timeline>.wrapper>.timeline-item{position:relative}.timeline>.wrapper>.timeline-item:before{content:"";position:absolute;width:20px;height:20px;top:50%;left:-8px;z-index:2;background-color:#08469e;background-color:var(--accent-color);box-shadow:0 0 0 5px #fff;border-radius:50%}.timeline-item>.content>div{padding:0 10px 20px 20px}.timeline-item .content .header{padding:20px;flex-direction:row-reverse;justify-content:space-between}}.timeline-item .content .header h3{margin:0}@media only screen and (min-width:900px){.timeline{margin:50px auto;max-width:1400px}.timeline:before{content:"";position:absolute;left:50%}.timeline .wrapper{padding:0;display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.timeline>.wrapper>.timeline-item{list-style:none;line-height:normal;position:relative;box-sizing:border-box}.timeline>.wrapper>.timeline-item:nth-child(odd){text-align:right}.timeline>.wrapper>.timeline-item:nth-child(2n){text-align:left;left:2px}.content{padding-bottom:20px}.timeline>.wrapper>.timeline-item:nth-child(odd):before{right:-12px}.timeline>.wrapper>.timeline-item:nth-child(2n):before,.timeline>.wrapper>.timeline-item:nth-child(odd):before{content:"";position:absolute;top:50%;transform:translateY(-50%);background-color:#08469e;background-color:var(--accent-color);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 5px #fff}.timeline>.wrapper>.timeline-item:nth-child(2n):before{left:-12px}.timeline-item .content>div:not(.header){padding:0 20px}.timeline .break{height:0;width:50%;display:block}.timeline>.wrapper>.timeline-item>.content>.header{display:flex;justify-content:space-between}.timeline>.wrapper>.timeline-item:nth-child(2n)>.content>.header{flex-direction:row-reverse}}.timeline-item .header{margin:0;padding:20px;align-items:center}.timeline-item:hover{cursor:pointer;box-shadow:0 5px 15px rgba(14,45,68,.219)}.timeline-item:hover .header{background-color:#041e43;background-color:var(--primary-color);color:#fff}@media only screen and (max-width:var(--max-content-width)){section:not(:first-child)>.content{padding:30px}}#skills{box-sizing:border-box;width:100%;text-align:center;flex-direction:column;align-items:center}#skills,#skills>.content{display:flex;justify-content:center}#skills>.content{flex-wrap:wrap;max-width:1200px;max-width:var(--max-content-width);grid-gap:20px;gap:20px}#skills .card{padding:20px;width:290px;box-sizing:border-box;position:relative;cursor:pointer}#skills .card:hover{background-color:#eee}#skills .card p{max-height:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:10px;width:200px;position:absolute;z-index:1;white-space:normal}#skills .card:hover p div.tooltip-text{visibility:visible;z-index:999;left:50%;transform:translateX(-50%)}#skills .card:hover h3,#skills .card:hover svg{color:#08469e}footer{display:flex;justify-content:center;align-items:center;height:300px;background-color:#041e43;background-color:var(--primary-color);margin-top:30px;color:#fff}footer>div{max-width:1200px;max-width:var(--max-content-width);text-transform:uppercase}#landing{height:100vh;width:100%}#landing .content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%}#landing h1{font-size:7vw;font-weight:800}#landing h1,#landing h2{margin:0;text-align:center}#landing h2{font-weight:700;font-size:4vw}#landing a{color:var(--primary-color)}#landing .icons{display:flex;width:150px;justify-content:space-evenly;margin:40px 0}#landing .icons a:hover i{color:var(--accent-color)}#landing .actions{display:flex;flex-direction:column;align-items:center}#landing .actions>*{margin:6px}#landing .actions div a{color:var(--accent-color);font-weight:bolder;text-decoration:none}#landing .actions div{text-align:center}#landing .call-to-action{text-decoration:none;color:#fff;display:block;background-color:#297ff7;padding:10px 40px;border-radius:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 0 #31302b;transition:all .4s ease}#landing .call-to-action a{color:#fff!important}#landing .call-to-action:hover{background-color:#0050c2;box-shadow:inset 180px 0 0 0 #0050c2;color:#fff}.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);text-align:left;cursor:auto}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;max-height:100vh}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}h4{margin:5px 0}p{margin:0}@media only screen and (min-width:900px){.modal-body{max-width:60vw}}.project-info{display:grid;grid-template-columns:2fr 1fr 1fr;margin-bottom:20px;grid-row-gap:1em;row-gap:1em}.stack{display:flex;flex-wrap:wrap;grid-column:1/-1;grid-gap:12px;gap:12px}.stack>div{background-color:#eee;padding:5px 10px;border-radius:15px}*{font-size:100%}a{color:var(--primray-color);text-decoration:none}.links a:not(:first-child){margin-top:10px}.links a{display:block}@media only screen and (max-width:650px){.project-info{grid-template-columns:1fr}}
/*# sourceMappingURL=main.96545c82.chunk.css.map */