.holy-graph-entry{transition:all .3s ease-in-out;padding:.5rem 1.5rem;color:#ea580c;border:2px solid rgb(234,88,12);border-radius:5px}.holy-graph-entry:hover{transform:translate(-3px,-3px);box-shadow:3px 3px #ea580c}.heroWrapper{height:70vh;display:flex;flex-direction:column;justify-content:center}.picture-self{opacity:.7}.skillcard{width:100px;height:100px;filter:grayscale(100%);opacity:.4;transition:filter .5s ease-in-out,opacity .5s ease-in-out}.skillcard p{text-align:center;font-size:.8rem;margin-top:.5rem;color:#fff;visibility:hidden;opacity:0;transition:visibility .5s,opacity .5s ease-in-out}.skillcard:hover{filter:grayscale(0%);opacity:1}.skillcard:hover p{visibility:visible;opacity:1}.skillcard img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-container-right a{display:inline-blesock;color:inherit;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.project-container-right button{border:0;outline:0;cursor:pointer}.project-container-right ul,.project-container-right ol{padding:0;margin:0;list-style:none}.project-container-right .links-projects{color:gray;font-size:20px;margin-top:10px}.project-container-right .links-projects .fa-brands:hover{transform:none}.project-container-right .links-projects a:hover{color:orange}.project-container-right img{width:100%;max-width:100%;vertical-align:middle}.project-container-right .project-container{max-width:1000px;margin:50px auto}.project-container-right .project{margin:30px;display:grid;grid-gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);align-items:center}@media screen and (max-width: 768px){.project-container-right .project{align-items:flex-start}}.project-container-right .project-content{position:relative;grid-column:1/7;grid-row:1/-1;z-index:2}@media (max-width: 600px){.project-container-right .project-content{grid-column:1/-1;padding:40px}}.project-container-right .project-content .project-title{font-size:2rem;color:#eee}.project-container-right .project-content .project-details{font-size:12px;line-height:1.5;color:#aaa;margin-top:10px}.project-container-right .project-content .project-details p{background-color:#252525;padding:20px 25px;transition:all .3s ease-in-out;border-radius:5px}@media (max-width: 600px){.project-container-right .project-content .project-details p{background-color:transparent;padding:20px 0}}.project-container-right .project-content .project-details p:hover{transform:translate(1px,-1px);box-shadow:0 0 2px #00000080}@media (max-width: 600px){.project-container-right .project-content .project-details p:hover{transform:none;box-shadow:none}}.project-container-right .project-content .project-details ul{display:flex;margin-top:20px;flex-wrap:wrap}.project-container-right .project-content .project-details ul li{margin-right:20px;color:#aaa;font-family:monospace}.project-container-right .project-img{position:relative;z-index:1;border-radius:5px;grid-column:6/-1;grid-row:1/-1}@media screen and (max-width: 768px){.project-container-right .project-img{height:100%}}@media (max-width: 600px){.project-container-right .project-img{grid-column:1/-1;opacity:.25}}.project-container-right .project-img:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:3;background-color:#0a192f;mix-blend-mode:screen;border-radius:2px}.project-container-right .project-img img{border-radius:5px;position:relative;mix-blend-mode:multiply}@media screen and (max-width: 768px){.project-container-right .project-img img{-o-object-fit:cover;object-fit:cover;width:auto;height:100%}}.project-container a{display:inline-blesock;color:inherit;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.project-container button{border:0;outline:0;cursor:pointer}.project-container ul,.project-container ol{padding:0;margin:0;list-style:none}.project-container .links-projects{color:gray;font-size:20px;justify-content:flex-end;margin-top:10px}.project-container .links-projects .fa-brands:hover{transform:none}.project-container .links-projects a:hover{color:orange}.project-container img{width:100%;max-width:100%;vertical-align:middle}.project-container .project-container{max-width:1000px;margin:50px auto}.project-container .project{margin:30px;display:grid;grid-gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);align-items:center}@media screen and (max-width: 768px){.project-container .project{align-items:flex-start}}.project-container .project-content{position:relative;grid-column:7/-1;grid-row:1/-1;z-index:2;text-align:right}@media (max-width: 600px){.project-container .project-content{grid-column:1/-1;padding:40px}}.project-container .project-content .project-title{font-size:2rem;color:#eee}.project-container .project-content .project-details{font-size:12px;line-height:1.5;color:#aaa;margin-top:10px}.project-container .project-content .project-details p{background-color:#252525;padding:20px 25px;transition:all .3s ease-in-out;border-radius:5px}@media (max-width: 600px){.project-container .project-content .project-details p{background-color:transparent;padding:20px 0}}.project-container .project-content .project-details p:hover{transform:translate(-1px,-1px);box-shadow:0 0 2px #00000080}@media (max-width: 600px){.project-container .project-content .project-details p:hover{transform:none;box-shadow:none}}.project-container .project-content .project-details ul{display:flex;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}.project-container .project-content .project-details ul li{margin-left:20px;color:#aaa;font-family:monospace;text-align:right}.project-container .project-img{position:relative;z-index:1;border-radius:5px;grid-column:1/8;grid-row:1/-1}@media screen and (max-width: 768px){.project-container .project-img{height:100%}}@media (max-width: 600px){.project-container .project-img{grid-column:1/-1;opacity:.25}}.project-container .project-img:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:3;background-color:#0a192f;mix-blend-mode:screen;border-radius:2px}.project-container .project-img img{border-radius:5px;position:relative;mix-blend-mode:multiply}@media screen and (max-width: 768px){.project-container .project-img img{-o-object-fit:cover;object-fit:cover;width:auto;height:100%}}.certContainer.svelte-1uqnd96:hover{transform:translate(1px,-1px);box-shadow:0 0 2px #00000080}