@import"https://fonts.googleapis.com/css2?family=Rambla&display=swap";:root{--main: #006fe8;--main-text: #0000ee;--main-background: #eeeeee;--hover-shadow: #bcbcbc;--card-background: #cccccc;--white-variant: #ffffff}body{margin:0;padding:0;font-family:Rambla,sans-serif;background-color:var(--main-background);min-width:370px}h1{margin-left:5px}nav{position:relative;height:40px;background-color:var(--main);display:flex;justify-content:space-between}nav div{padding:11px 0 0 5px;color:var(--white-variant)}nav ul{color:#000;list-style:none;text-align:right;margin:12px 10px 0 0;flex-grow:2}nav ul li{display:inline-block;padding:0 5px;color:var(--white-variant)}nav a{text-decoration:none}nav a:link,nav a:visited,nav a:active{color:var(--white-variant)}.hero{background:center no-repeat url(/assets/tree_field-fair.jpg);height:361px;background-size:1943px 512px}@media screen and (max-width: 450px){.hero{background:center no-repeat url(/assets/tree_field-fair_sm.jpg);height:210px;background-size:971px 256px}}.cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 10px}.card{text-align:left;width:320px;height:336px;margin:8px;border:0;border-radius:16px;padding:0;vertical-align:top;color:#000000d9;box-shadow:none;background-color:var(--card-background);transition:box-shadow .3s ease}.card a{text-decoration:none}.card a:visited,.card a:active{color:var(--main-text)}.card img{height:184px;width:320px;border-radius:14px 14px 0 0}.card:hover{box-shadow:6px 5px 5px var(--hover-shadow)}.card figcaption{padding:0 10px}.card p a{padding:0 10px}.main-body{margin:0 25px}.mini-wrap{text-decoration:none}.mini-wrap .mini-card{text-align:left;width:12rem;height:12.5rem;margin:1rem;border:0;border-radius:1rem;padding:0;vertical-align:top;color:#0000eed9;background-color:var(--card-background);box-shadow:none;transition:box-shadow .3s ease}.mini-wrap .mini-card:hover{box-shadow:6px 5px 5px var(--hover-shadow)}.mini-wrap .mini-card img{height:110.4px;width:192px;border-radius:14px 14px 0 0}.mini-wrap .mini-card figcaption{padding-left:5px}.mini-wrap .mini-card p{text-align:center}.mini-wrap .mini-card a{text-decoration:none}.mini-wrap .mini-card a:link,.mini-wrap .mini-card a:visited,.mini-wrap .mini-card a:active{color:var(--main-text)}.footer{display:flex;justify-content:space-around;margin:auto 10px 40px}@media only screen and (max-width: 400px){.footer{display:flex;justify-content:end;flex-wrap:wrap}}.footer .desc{display:flex}.footer .desc p,.footer .desc h3{margin:0}.footer .desc div{display:inline-grid}.footer .desc img{height:50px;width:50px;border-radius:50%;vertical-align:top}.footer .desc .text{display:inline-block;vertical-align:super;margin:0 5px;min-width:182px;max-width:500px}.footer .linkedin{display:flex;margin:0 0 0 15px}@media only screen and (max-width: 400px){.footer .linkedin{margin:15px 0 0}}.footer .linkedin img{height:20px;width:20px;margin:0 5px 3px 0}.footer .linkedin .text{display:inline-block;vertical-align:super}.footer .linkedin a{text-decoration:none}.footer .linkedin a:link,.footer .linkedin a:visited,.footer .linkedin a:active{color:var(--main-text)}.project{margin:0 25px}@media screen and (min-width: 767px){.project .project-image{margin:0 100px}}.project .project-image img{width:100%;min-height:auto}@media screen and (max-width: 400px){.project .project-image img{margin:0;width:100%;height:100%}}.project .project-info p{margin:0 0 0 5px}.portfolio-items{margin-bottom:20px}.portfolio-items h2{margin-left:5px}.portfolio-items .works{display:flex;flex-wrap:wrap;justify-content:space-evenly}.scroll-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--main);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden;z-index:1000}.scroll-to-top:before{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l-8 8M12 3l8 8M12 3v18'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{opacity:.8}@media screen and (max-width: 768px){.scroll-to-top{display:none;width:50px;height:50px;bottom:15px;right:15px}.scroll-to-top:before{width:20px;height:20px}}