.language-selector{display:inline-block;position:relative}.language-selector .lang-trigger{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-color);font-size:var(--font-size);border-radius:50%;padding:6px 10px}.language-selector .lang-dropdown{background:var(--bg-color);border:1px solid var(--border-color);opacity:0;visibility:hidden;border-radius:6px;min-width:60px;margin:0;padding:5px 0;list-style:none;transition:all .2s;position:absolute;top:110%;left:0;transform:translateY(5px);box-shadow:0 4px 10px #00000026}.language-selector .lang-dropdown li a{color:#333;font-size:var(--font-size);padding:6px 10px;text-decoration:none;display:block}.language-selector .lang-dropdown li a:hover{background:var(--bg-color-hover)}.language-selector:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}:root{--epic-bg-color:#abcaab;--epic-fg-color:#1b4b1e;--border-color:#ccc;--bg-color:#ddd;--bg-color-hover:#f5f5f5;--font-size:20px;--hi-border:var(--border-color)}body{background-color:var(--bg-color);color:var(--epic-fg-color);font-family:Montserrat,sans-serif;font-size:var(--font-size);margin:0;padding-top:calc(120px + 2em)}header{box-sizing:border-box;background-color:var(--epic-bg-color);width:100%;height:calc(120px + 2em);padding:1em;transition:all .3s;display:block;position:fixed;top:0;left:0;box-shadow:0 4px 10px #0000004d}header img.logo{height:120px;transition:all .3s}header.collapsed{height:4em;transition:all .3s;overflow:hidden}header.collapsed img{height:2em;transition:all .3s}nav.main-nav{margin:1em;display:block;position:fixed;top:0;right:0}nav.main-nav ul{margin:0;padding:0;list-style-type:none;display:inline-block}nav.main-nav ul li{display:inline-block}nav.main-nav ul li.page-select{text-align:center;background:var(--bg-color);border:1px solid var(--border-color);width:2em;font-size:var(--font-size);border-radius:6px;padding:6px 0}nav.main-nav ul li.page-select a{color:var(--epic-fg-color);text-decoration:none}.section{text-align:justify;margin:2em}.section .w30max{max-width:40em;margin-left:auto;margin-right:auto}.section#contact{max-width:30em;margin-left:auto;margin-right:auto}.section#contact form{flex-direction:column;gap:.5em;display:flex}.section#contact form input,.section#contact form textarea{border:1px solid var(--border-color);border-radius:6px;padding:.5em;font-size:16px}.section#contact form textarea{height:5em}.section#contact form button{background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-self:flex-start;padding:.5em 1em;font-size:16px}.section#contact form button:hover{background-color:var(--bg-color-hover)}img.employee-photo{float:left;border:2px solid var(--hi-border);border-radius:5%;width:150px;height:150px;margin:0 2em 1em 0;box-shadow:0 4px 10px #0000004d}.task-container{flex-flow:wrap;justify-content:space-around;gap:2em;max-width:calc(1200px + 2em);margin-left:auto;margin-right:auto;display:flex}.task-container .task-item{box-sizing:border-box;background-color:var(--epic-bg-color);min-width:500px;max-width:600px;color:var(--epic-fg-color);border:1px solid #ccc;border-radius:10px;padding:2em;font-weight:550;box-shadow:0 4px 10px #0000004d}.task-container .task-item .hdr{text-align:left;display:flow-root}.task-container .task-item .hdr img.task{float:left;margin-right:50px}.task-container .task-item .hdr .task-title{margin-top:.5em;font-size:1.3em;font-weight:700}.center{text-align:center}footer{text-align:center;border-top:1px solid var(--border-color);margin:2em;padding:1em}footer a{color:var(--epic-fg-color);font-weight:550;text-decoration:none}
