@charset "UTF-8";nav{position:sticky;z-index:10;top:0;display:flex;width:100%;height:40px;border-bottom:1px solid black;background:var(--primary-color);justify-content:flex-end}nav ul{display:flex;height:100%;margin:0;padding:0;list-style:none}nav ul li{display:grid;width:40px;height:40px;padding:0;cursor:pointer;border-left:1px solid black;place-content:center}nav ul li a{display:grid;width:100%;height:100%;text-decoration:none;color:inherit;place-content:center}nav ul li:hover{background:var(--invert-primary-color)}nav ul li:hover svg{transform:rotate(15deg) scale(1.1)}nav ul li svg{transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;color:#fff!important}header{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;margin-bottom:50px;padding-bottom:25px;border-bottom:1px solid var(--header-bottom);justify-content:center}header .container{display:flex;width:100%;margin:0 auto}header .name{display:flex;flex-direction:column;width:40%;min-width:80px;padding-top:100px}header .name h1{font-size:60px;font-weight:400;margin:0;letter-spacing:1px;text-transform:uppercase}header .name h2{font-size:25px;font-weight:300;display:flex;margin:0;letter-spacing:.5px;text-transform:uppercase}header .information{position:relative;display:flex;flex-direction:column;width:60%;margin:0;padding:0;border-left:2px solid var(--header-divider)}header .information:before,header .information:after{font-family:var(--divider-font)}header .information:before{font-size:42px;line-height:32px;position:absolute;z-index:2;bottom:-5px;left:-9px;content:"°\a°\a°";white-space:pre-wrap;color:var(--primary-color)}header .information:after{font-size:45px;line-height:32px;position:absolute;z-index:1;bottom:6px;left:-9px;content:"•\a•\a•";white-space:pre-wrap;color:var(--section-divider-bg)}header .information li{position:relative;margin-bottom:15px;padding-left:50px;list-style:none;list-style-type:none}header .information li.looking{display:flex;transition:text-underline-offset .2s ease-in-out,text-decoration-color .2s ease-in-out;text-decoration:underline;color:var(--primary-color);align-items:center;text-underline-offset:8px}header .information li.looking span{font-weight:900}header .information li.looking:hover{text-decoration-color:var(--invert-primary-color);text-underline-offset:12px}header .information li.looking svg{position:relative;animation:telemetry-scan 2.5s linear infinite}header .information li.looking svg path{color:var(--primary-color)}header .information li:first-child{margin-top:auto}header .information li span{font-size:20px;font-weight:400;margin-left:10px;letter-spacing:2px}@media(max-width:991px){header .information{margin-top:5px;padding-top:25px;border-top:2px solid #272727;border-left:none}header .information:after,header .information:before{bottom:auto;left:auto;white-space:normal}header .information:before{top:-10px;right:0;content:"°°°"}header .information:after{top:-22px;right:-4px;content:"•••"}header .information li{padding:0}header .container{display:flex;flex-direction:column}header .container .name,header .container .information{width:100%}}@keyframes telemetry-scan{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(0,255,128,0))}25%{color:#00ff80!important;filter:brightness(1.3) drop-shadow(0 0 4px #00ff80)}50%{filter:brightness(1) drop-shadow(0 0 0 rgba(0,255,128,0))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(0,255,128,0))}}.packagedotjson pre code{font-size:16px}.birds{font-weight:700;display:inline-block;cursor:url(/assets/img/logo-eagles.png),auto;color:#004c54}section{position:relative;display:flex;flex-direction:column;margin:0 auto 50px;padding:50px 0 0;background-image:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) 60%,transparent 60%,transparent 100%);background-repeat:repeat-x;background-position:bottom;background-size:16px 2px;align-items:center;justify-content:center}@media(min-width:991px){section:nth-of-type(2n) .container .title{flex-direction:row-reverse;width:33%;margin-left:auto}section:nth-of-type(2n) .container .title svg{margin-right:auto;margin-left:unset}section:nth-of-type(2n) .container .content aside{padding-right:0;padding-left:50px;order:1}section:nth-of-type(2n) .container .content .right{padding-right:50px;padding-left:0;border-right:2px solid var(--primary-color);border-left:none;order:0}section:nth-of-type(2n) .container .content .right:after{right:-5px;left:auto}section:nth-of-type(2n) .container aside{padding-right:50px}}section h1{font-size:30px;font-weight:500;position:relative;margin:0 0 50px;letter-spacing:.5px;text-transform:uppercase}section h1:after{position:absolute;bottom:-5px;left:25px;width:50px;height:2px;content:"";background:var(--primary-color)}section .title{display:flex;width:30%;align-items:center}section .title svg{position:relative;left:20px;margin-left:auto;cursor:pointer}section .content{display:flex}section aside{font-size:25px;font-weight:300;width:30%;margin:0;padding-right:10px}section .right{position:relative;width:70%;padding-left:50px;border-left:2px solid var(--primary-color)}section .right:after{font-family:var(--divider-font);position:absolute;top:-4px;left:-5px;width:8px;height:8px;content:"";border:2px solid var(--section-divider-border);border-radius:50%;background-color:var(--section-divider-bg);box-shadow:0 0 0 1px var(--section-divider-bg)}section .right p{font-size:25px;font-weight:300;line-height:32px;margin:0 0 25px}section .right p strong{font-weight:600;display:block;margin-bottom:10px}section .right p b{font-weight:600}section .right em{font-size:12px;font-weight:600;line-height:32px;display:block;margin:0 0 50px;color:var(--primary-color)}section .right .select{display:inline-block;margin:0 10px;cursor:pointer;transition:all .55s ease-in-out;border-bottom:1px solid var(--select-border)}section .right .select:hover{border-color:var(--primary-color)}section .right .select select{cursor:pointer;border:none;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}section .right .select i{pointer-events:none}@media(max-width:991px){section h1{margin:0}section .container aside{width:100%;padding-bottom:25px}section .container .title svg{left:0}section .container .title,section .container .content{width:100%}section .content{display:flex;flex-direction:column;padding-top:25px}section .content .right{width:100%;padding:25px 0 0;border-top:2px solid var(--primary-color);border-left:none}}.projects{display:grid;min-height:360px;padding-bottom:100px;grid-template-columns:repeat(3,1fr)}.projects.all .project,.projects.js .project[data-type=js],.projects.vue .project[data-type=vue],.projects.angular .project[data-type=angular],.projects.react .project[data-type=react],.projects.wordpress .project[data-type=wordpress],.projects.node .project[data-type=node]{display:flex}.projects .project{display:none;max-width:250px;height:100px;margin:15px;padding:10px;cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5;color:var(--projects-text-color);border:1px solid #ceced0;background:var(--projects-bg-color)}.projects .project.has{cursor:help;opacity:1;border-width:2px;border-color:var(--invert-primary-color)}.projects .project .photo{width:25%;margin-right:15px}.projects .project .photo img{display:block;width:100%;height:100%;filter:var(--img-filter);object-fit:contain}.projects .project .details{position:relative;width:75%;padding-left:10px;border-left:2px solid var(--invert-primary-color)}.projects .project p{font-size:14px;font-weight:700;line-height:1;margin:0;opacity:.75}.projects .project span{font-weight:700;font-style:normal;display:block;margin-top:5px;text-transform:uppercase;opacity:.75;color:var(--invert-primary-color)}.menu{position:absolute;top:50%;left:0;transform:translateY(-50%);border:1px solid black}.menu .type{font-weight:700;position:relative;display:grid;width:40px;height:40px;cursor:pointer;transition:filter .55s ease-in-out;text-transform:capitalize;background:var(--invert-primary-color);place-content:center}.menu .type svg{height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}.menu .type:hover,.menu .type.active{background:var(--primary-color)}.menu .type:hover svg,.menu .type.active svg{transform:rotate(15deg) scale(1.1)}@media(max-width:991px){.menu{position:static;display:inline-flex;transform:none}.projects{grid-template-columns:repeat(2,1fr)}.projects .project{margin:15px 0}.projects .project:nth-child(odd){margin-right:15px}}.modal{position:fixed;z-index:1;top:50%;left:50%;display:grid;visibility:hidden;width:100%;height:100%;padding:0;transition:opacity .55s ease-in-out,visible .55s ease-in-out;transform:translate(-50%,-50%);opacity:0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);place-content:center}.modal.image .modal-content{text-align:center}.modal.image img{width:67%}.modal.open{visibility:visible;opacity:1}.modal .header{display:flex;height:40px;border-bottom:1px solid black;background:var(--primary-color);align-items:center}.modal .header h1{font-size:18px;margin:0;padding:0 0 0 15px;letter-spacing:.1rem;color:#fff}.modal .header .close{width:39px;height:39px;color:#fff;border:none;border-left:1px solid black}.modal .sub{padding:10px 15px;color:var(--projects-text-color);border-bottom:1px solid black;background:var(--bg-invert-color);box-shadow:inset 2px 2px 5px #0006,inset -1px -1px 2px #fff3}.modal .body{position:relative;display:block;width:100%;max-width:800px;border:1px solid black;background:var(--bg-color)}.modal .body .modal-content{height:auto;padding:20px;transition:height .55s ease-in-out}.modal .body .modal-content.expanded{height:500px}.modal .body .modal-content .video{width:100%;height:400px;margin-bottom:15px}.modal .body .modal-content iframe{width:100%;height:100%;border:none}.modal .body .modal-content p{font-size:25px;font-weight:300;line-height:32px;margin-top:0}.modal .body .modal-content p strong{font-weight:700}.modal .body .modal-content .list .tech{font-weight:700;position:relative;display:inline-grid;width:auto;height:30px;margin-right:10px;padding:0 10px;cursor:pointer;transition:filter .55s ease-in-out;text-transform:capitalize;border:1px solid black;place-items:center}.modal .images-wrapper{position:absolute;top:80px;left:0;display:flex;visibility:hidden;overflow:hidden;width:100%;max-height:0;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;opacity:0;background:var(--bg-color);align-items:center;gap:12px;justify-content:center}.modal .images-wrapper button{position:absolute;z-index:10;top:50%;width:40px;height:200px;transform:translateY(-50%);color:var(--projects-text-color);border:1px solid black;background:var(--primary-color)}.modal .images-wrapper button.prev{left:25px}.modal .images-wrapper button.next{right:25px}.modal .images-wrapper.expanded{visibility:visible;max-height:500px;padding:20px 0;opacity:1}.modal .images-wrapper img{width:auto;max-height:450px;object-fit:contain}.modal .modal-nav{display:flex;height:40px;letter-spacing:.05rem;border:1px solid black;border-top:none;background:var(--invert-primary-color);align-items:center}.modal .modal-nav.expanded p{opacity:1}.modal .modal-nav p{margin:0 0 0 20px;opacity:0}.modal .modal-nav button{height:39px;color:#fff;border:none;border-left:1px solid black;background:var(--primary-color)}.jerb span{display:block;opacity:.5}.jerb h1:after{left:225px!important}.jerb h2{margin:5px 0 25px}.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:start}@media(min-width:547px){.skills{gap:40px}}.skills ul{padding:0;list-style:none}.skills ul h1{margin-bottom:25px}.skills ul h1:after{left:0}.skills ul p{font-size:18px;margin:0;text-transform:lowercase}.skills ul p strong{font-weight:700;background:var(--primary-color)}#extra em{display:inline}#extra .photos{display:flex}#extra .photos .photo{cursor:pointer}#extra .photos .photo img{width:200px;height:300px;margin:0 25px 5px;border:1px solid var(--primary-color);object-fit:cover;object-position:center center}@media(max-width:768px){#extra .photos{display:flex;flex-direction:column;align-items:center;justify-content:center}#extra .photos a img{margin:25px 0}}footer{position:relative;display:flex;flex-direction:column;height:auto;margin-top:100px}footer{font-size:11px;display:flex;flex-direction:row;width:100%;padding:12px 15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted, #666);border-top:1px dashed var(--section-bottom);align-items:center;justify-content:space-between}footer:before{font-weight:600;content:"SYS_STATUS: ACTIVE // LOC: ORLANDO_FL"}footer .build-tag{font-weight:600;animation:console-pulse 3s infinite steps(2);opacity:.8;color:var(--primary-color)}footer:after{font-size:13px;font-weight:500;display:flex;width:100%;height:45px;padding-left:15px;content:"© " attr(data-copyright) " - DAVID FRIEDRICH";letter-spacing:1px;text-transform:uppercase;color:#fff!important;border-top:1px solid var(--footer-border-top);background:var(--primary-color);align-items:center}@keyframes console-pulse{0%,to{opacity:.4}50%{opacity:.9}}