@import url(https://fonts.googleapis.com/css2?family=Solway:wght@500&display=swap);html{box-sizing:border-box}#root,body,html{padding:0!important;margin:0!important;height:100%;width:100%}*,:after,:before{box-sizing:inherit}body{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;background-color:#333a3f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.flex-column,.flex-row{display:flex}.flex-column.centered,.flex-row.centered{align-items:center;justify-content:center}.flex-column{flex-direction:column;flex-direction:row}:root{--color-primary:#2a8b86;--color-secondary:#9ada7e;--bp-lg:1280px;--bp-md:960px;--bp-sm:600px}.nava-test{overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:30px;width:100%;height:100%;background-color:#9b59b6}.nava-test.red{background-color:#c0392b}.nava-section{overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.nava-section .test-svg{width:100%}.nava-cube{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:5px;color:#2c3e50;background-color:#95a5a6}.nava-loader{height:100%;width:100%}.nava-title{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.card-titled{padding:16px 120px!important}.card-titled h2{font-size:2.4rem;font-weight:400}.nava-header{width:100%;height:calc(100% + 60px);padding-bottom:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:#333a3f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232a8b86'/%3E%3Cstop offset='1' stop-color='%23333a3f'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%239ada7e' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239ada7e' stop-opacity='.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h800v400H0z'/%3E%3Cg fill-opacity='.4' fill='url(%23b)'%3E%3Ccircle cx='267.5' cy='61' r='300'/%3E%3Ccircle cx='532.5' cy='61' r='300'/%3E%3Ccircle cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-attachment:scroll;background-size:cover;background-position:50% 0;box-shadow:inset 0 -65px 25px -25px #32616b}.nava-header .logo-wrapper{display:inline-flex;text-align:center}.nava-header .logo-wrapper:hover svg{transform:scaleX(1.2)}.nava-header .logo-wrapper .logo-bubble{position:relative;display:inline-block;margin:0 auto}.nava-header .logo-wrapper .logo-bubble>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:rotate(180deg)}.nava-header .title{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;opacity:.7}.nava-header .title>div span{cursor:default;font-size:2.2em;font-family:"Solway",cursive;color:#fff;text-shadow:0 0 3px #000}@media (max-width:690px){.nava-header .title>div span{font-size:1.8em}}@media (max-width:465px){.nava-header .title>div span{font-size:1.4em}}@media (max-width:285px){.nava-header .title>div span{font-size:1.2em}}.nava-header .title>div span:hover{transform:scale(1.2)}.nava-header .title small{transition:all .2s ease;cursor:default;font-size:2.2em;font-family:"Solway",cursive;color:#fff;text-shadow:0 0 3px #000}@media (max-width:690px){.nava-header .title small{font-size:1.8em}}@media (max-width:465px){.nava-header .title small{font-size:1.4em}}@media (max-width:285px){.nava-header .title small{font-size:1.2em}}.nava-header .title small:hover{transform:scale(1.2)}@keyframes scrollDown{0%{margin-top:0}8%{margin-top:40px}12%{margin-top:20px}20%{margin-top:35px}60%{margin-top:0}}.scroll-down{position:absolute;display:flex;height:60px;width:25px;border-radius:15px;margin:0 auto;bottom:calc(10% + 10px);border:1px solid #ecf0f1;left:0;right:0;cursor:pointer;flex-direction:column;align-items:center;padding:4px}.scroll-down:after{content:"";width:15px;height:15px;border-radius:100%;background-color:#ecf0f1;margin-top:0;animation:scrollDown 2s ease-in infinite}.navalogo{width:400px;padding:30px;fill:beige;transition:transform .4s ease}@media (max-width:960px){.navalogo{max-width:50%}}.navalogo ellipse,.navalogo path{stroke:#eee}.nava-section.introduction{background-color:#2a8b86;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cpath fill='%232d7d7e' d='M800 100L0 200v600h1600V200z'/%3E%3Cpath fill='%23306d72' d='M800 200L0 400v400h1600V400z'/%3E%3Cpath fill='%23315f67' d='M800 300L0 600v200h1600V600z'/%3E%3Cpath fill='%2333535c' d='M1600 800L800 400 0 800z'/%3E%3Cpath fill='%23334952' d='M1280 800L800 500 320 800z'/%3E%3Cpath fill='%23334148' d='M533.3 800h533.4L800 600z'/%3E%3Cpath fill='%23333a3f' d='M684.1 800h230.2L800 700z'/%3E%3C/svg%3E");background-attachment:scroll;background-size:cover;background-position:50% 0;height:100%}.nava-section.introduction .introbg{position:absolute;max-width:10%;max-height:10%;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scale(10)}.nava-section.introduction .intro-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;width:100%}@media (max-width:600px){.nava-section.introduction .intro-wrapper{flex-direction:column-reverse}}.nava-section.introduction .intro-wrapper .intro-column{display:flex;height:100%;align-items:center;justify-content:center}@media (max-width:600px){.nava-section.introduction .intro-wrapper .intro-column{width:100%}.nava-section.introduction .intro-wrapper .intro-column:first-child{height:60%}.nava-section.introduction .intro-wrapper .intro-column:nth-child(2){height:40%}.nava-section.introduction .intro-wrapper .intro-column .visage{width:auto;height:100%;padding-bottom:0}}@media (max-width:420px){.nava-section.introduction .intro-wrapper .intro-column:first-child{height:65%}.nava-section.introduction .intro-wrapper .intro-column:nth-child(2){height:35%}}.nava-section.introduction .intro-wrapper .intro-column .intro-text{text-align:justify;width:55%;min-width:100px;max-width:450px;font-size:1.6em;text-shadow:0 0 10px #777;color:#fff;position:relative}.nava-section.introduction .intro-wrapper .intro-column .intro-text h2{text-align:center}@media (max-width:1100px){.nava-section.introduction .intro-wrapper .intro-column .intro-text{font-size:1.3em}}@media (max-width:960px){.nava-section.introduction .intro-wrapper .intro-column .intro-text{width:65%}}@media (max-width:600px){.nava-section.introduction .intro-wrapper .intro-column .intro-text{width:80%;font-size:1.16em}}.nava-section.introduction .intro-wrapper .intro-column .intro-text p{margin:0}.nava-section.introduction .intro-wrapper .intro-column .intro-text .intro-line{position:absolute;bottom:-80px;left:-80px;width:190%;-webkit-filter:drop-shadow(0 0 9px rgba(0,0,0,.7));filter:drop-shadow(0 0 9px rgba(0,0,0,.7))}.nava-section.introduction .intro-wrapper .intro-column .intro-text .intro-line path{stroke:#fff;animation-duration:4s;animation-iteration-count:infinite}@media (max-width:1280px){.nava-section.introduction .intro-wrapper .intro-column .intro-text .intro-line{bottom:-60px;left:-60px;width:150%}}@media (max-width:960px){.nava-section.introduction .intro-wrapper .intro-column .intro-text .intro-line{bottom:-30px;left:-30px}}@media (max-width:600px){.nava-section.introduction .intro-wrapper .intro-column .intro-text .intro-line{display:none}}@keyframes visageColorSVGstroke{0%{stroke:#fff}50%{stroke:#fff}to{stroke:#fff}}@keyframes visageColorSVGfill{0%{stroke:#fff;fill:#fff}50%{stroke:#fff;fill:#fff}to{stroke:#fff;fill:#fff}}.visage{width:400px;max-width:80%;padding:30px;transition:transform .4s ease;-webkit-filter:drop-shadow(0 0 9px rgba(0,0,0,.7));filter:drop-shadow(0 0 9px rgba(0,0,0,.7))}.visage ellipse,.visage path{stroke:#e65460;animation-name:visageColorSVGstroke;animation-duration:4s;animation-iteration-count:infinite}.visage ellipse.fill,.visage path.fill{fill:#fff;stroke:#fff}.nava-section.projects{background-color:#333a3f;overflow:hidden;display:block;height:auto;padding:80px 0;min-height:100%}.nava-section.projects .hexGrid{display:flex;flex-wrap:wrap;width:90%;margin:0 auto;padding:0;overflow:visible;font-family:"Raleway",sans-serif;font-size:15px;list-style-type:none;position:relative;transform-style:preserve-3d;transform-origin:center 65%}@media (min-width:1201px){.nava-section.projects .hexGrid{padding-bottom:4.4%}}@media (max-width:1200px) and (min-width:901px){.nava-section.projects .hexGrid{padding-bottom:5.5%}}@media (max-width:900px) and (min-width:601px){.nava-section.projects .hexGrid{padding-bottom:7.4%}}@media (max-width:600px){.nava-section.projects .hexGrid{padding-bottom:11.2%}}@media (max-width:400px){.nava-section.projects .hexGrid{font-size:13px}}.nava-section.projects .hexGrid .hex{position:relative;visibility:hidden;outline:1px solid transparent}@media (min-width:1201px){.nava-section.projects .hexGrid .hex{width:25%}.nava-section.projects .hexGrid .hex:nth-child(7n+5){margin-left:12.5%}}@media (max-width:900px) and (min-width:601px){.nava-section.projects .hexGrid .hex{width:33.33333%}.nava-section.projects .hexGrid .hex:nth-child(5n+4){margin-left:16.66667%}}@media (max-width:600px){.nava-section.projects .hexGrid .hex{width:50%}.nava-section.projects .hexGrid .hex:nth-child(3n+3){margin-left:25%}}.nava-section.projects .hexGrid .hex:after{content:"";display:block;padding-bottom:86.602%}.nava-section.projects .hexGrid .hex .hexIn{position:absolute;width:96%;padding-bottom:110.851%;margin:0 2%;overflow:hidden;visibility:hidden;outline:1px solid transparent;transform:rotate(-60deg) skewY(30deg);transition:all .2s ease}.nava-section.projects .hexGrid .hex .hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.nava-section.projects .hexGrid .hex .hexIn .hexLink{display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;transform:skewY(-30deg) rotate(60deg);cursor:pointer}.nava-section.projects .hexGrid .hex .hexIn .hexLink img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto}.nava-section.projects .hexGrid .hex .hexIn .hexLink h1,.nava-section.projects .hexGrid .hex .hexIn .hexLink p{width:100%;height:50%;display:flex;flex-direction:column;align-items:center;padding:0 10px;margin:0;box-sizing:border-box;background-color:var(--color-primary);transition:transform .2s ease-out,opacity .3s ease-out}.nava-section.projects .hexGrid .hex .hexIn .hexLink h1{top:0;font-size:1.5em;z-index:1;transform:translateY(calc(-100% - 20px));border-bottom:1px solid var(--color-primary);justify-content:flex-end;padding-bottom:22px}@media (max-width:900px){.nava-section.projects .hexGrid .hex .hexIn .hexLink h1{font-size:1.2em}}@media (max-width:600px){.nava-section.projects .hexGrid .hex .hexIn .hexLink h1{font-size:.9em}}.nava-section.projects .hexGrid .hex .hexIn .hexLink h1:after{content:"+";position:absolute;bottom:0;left:50%;height:35px;display:flex;width:35px;text-align:center;background-color:#3bbad0;color:#fff;transform:translate(-50%,50%);padding:5px 10px;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 0 6px -2px #000;transition:transform .8s cubic-bezier(.95,1.75,.58,.57)}@media (max-width:900px){.nava-section.projects .hexGrid .hex .hexIn .hexLink h1:after{width:24px;height:24px}}.nava-section.projects .hexGrid .hex .hexIn .hexLink p{bottom:0;transform:translateY(100%);justify-content:flex-start;padding-top:22px}.nava-section.projects .hexGrid .hex .hexIn .hexLink:active h1,.nava-section.projects .hexGrid .hex .hexIn .hexLink:active p,.nava-section.projects .hexGrid .hex .hexIn .hexLink:focus h1,.nava-section.projects .hexGrid .hex .hexIn .hexLink:focus p,.nava-section.projects .hexGrid .hex .hexIn .hexLink:hover h1,.nava-section.projects .hexGrid .hex .hexIn .hexLink:hover p{transform:translateY(0);transition:transform .5s cubic-bezier(.95,1.75,.58,.57),opacity .3s ease-out}.nava-section.projects .hexGrid .hex .hexIn .hexLink:active h1:after,.nava-section.projects .hexGrid .hex .hexIn .hexLink:focus h1:after,.nava-section.projects .hexGrid .hex .hexIn .hexLink:hover h1:after{transform:translate(-50%,16px) rotate(1turn)}.project-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6)}.project-modal-wrapper .project-modal{width:800px;max-width:90%;max-height:90%;min-height:60%;background-color:#333a3f;border-radius:10px;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 5px 0 #000;color:#fff}.project-modal-wrapper .project-modal .close-icon{position:absolute;top:10px;right:10px;cursor:pointer;width:30px;height:30px;color:#fff;z-index:5;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.project-modal-wrapper .project-modal .modal-header{height:20%;overflow:hidden;position:relative}.project-modal-wrapper .project-modal .modal-header .modal-link,.project-modal-wrapper .project-modal .modal-header img{transition:all .2s ease}.project-modal-wrapper .project-modal .modal-header .modal-link{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-modal-wrapper .project-modal .modal-header img{width:100%;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.project-modal-wrapper .project-modal .modal-header:hover img{width:120%}.nava-section.skills{background-color:#32616b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cpath fill='%23306970' d='M1600 160L0 460V350L1600 50z'/%3E%3Cpath fill='%232f7276' d='M1600 260L0 560V450l1600-300z'/%3E%3Cpath fill='%232d7a7b' d='M1600 360L0 660V550l1600-300z'/%3E%3Cpath fill='%232c8381' d='M1600 460L0 760V650l1600-300z'/%3E%3Cpath fill='%232a8b86' d='M1600 800H0v-50l1600-300z'/%3E%3C/svg%3E");background-attachment:scroll;background-size:cover}@media (max-width:960px){.nava-section.skills{height:auto;overflow:visible}}.nava-section.skills .skill-row{width:1480px;max-width:90%}.nava-section.skills .skill-row .skill-column{padding:5px 50px;text-align:center}@media (max-width:960px){.nava-section.skills .skill-row .skill-column{margin:75px 0}}.nava-section.skills .skill-row .skill-column img{max-width:100%;margin:45px 0 25px}@media (min-width:960px){.nava-section.skills .skill-row .skill-column img{height:180px}}@media (min-width:600px) and (max-width:960px){.nava-section.skills .skill-row .skill-column img{width:40%}}.nava-contact{background-color:#333a3f;min-height:100%;height:auto;display:flex;align-items:center;justify-content:center}.nava-contact svg{display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.nava-contact svg circle{box-shadow:0 0 10px 0 #000}.nava-contact .nava-contact-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;padding:0 40px}.nava-contact table a{color:#eee;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.nava-contact table a:hover{color:#fff}.dashboard{padding-top:30px}.dashboard .dash-title{padding:20px 35px}.dashboard .dash-table th:not(.long-cell){width:1px;white-space:nowrap}.dashboard .dash-table td:not(.long-cell){white-space:nowrap}
/*# sourceMappingURL=main.cc132942.chunk.css.map */