@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);:root{--min-ele-width:325px;--dark-red-bg:#502B2A;--creme-card-bg:rgb(241, 200, 168);--orange-link:#F9944A;--box-red-bg:#A44A3F;--mild-dark:#222222;--fade-box-height:25px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{background-size:cover;background-image:url(/pictures/Backgrounds/WoodenBackgroundS2200x2500M.jpg);background-size:cover;width:100%;margin:0;padding:0;overflow:hidden}body *{font-family:"Libre Baskerville","Source Serif Pro",Garamond,"Times New Roman"}h4{font-family:"Libre Baskerville",Garamond,"Times New Roman";color:#1d0912;margin:0}h5{margin:0}.main-content{height:100vh;position:relative;width:100vw;min-width:var(--min-ele-width);padding:2%;background-color:inherit;display:flex;flex-direction:column}header{width:100%}header>ul{display:flex;flex-direction:row;justify-content:space-between;padding:0;list-style:none}header>ul>li{margin-right:1%;margin-left:1%}header>ul>li a{color:var(--orange-link);text-decoration:none;font-size:3em;font-weight:100}header>ul>li>a:hover{color:#000}#project-box{width:100%;overflow-y:scroll;border-radius:25px;box-shadow:10px 15px 10px #000}#project-box::-webkit-scrollbar,.entry-side::-webkit-scrollbar{display:none}#project-box{-ms-overflow-style:none;scrollbar-width:none}.project-entry{padding:0;border-radius:15px 15px 0 0;position:relative;box-shadow:5px 5px 10px 5px;height:10vh;width:100%;min-width:var(--min-ele-width);display:block;cursor:pointer}.project-entry:nth-child(3n+1){background-image:url(/pictures/Backgrounds/BrownWall2S2500x294M.jpg);background-size:100%}.project-entry:nth-child(3n+2){background-image:url(/pictures/Backgrounds/PinkCardM.jpg);background-size:100%}.project-entry:nth-child(3n+3){background-image:url(/pictures/Backgrounds/PinkCandyS3000x429.jpg);background-size:100%}.project-entry:nth-child(1){margin-top:5vh}:not(#focus-container)>.project-entry:hover{background-color:var(--orange-link);animation:mymove .25s forwards}#project-box .project-entry:last-of-type .entry-bottom{height:0}.entry-top{margin-left:3%;margin-right:3%;margin-bottom:0;border-radius:15px 15px 0 0;width:15%;height:23px;background-image:inherit;background-size:600%;position:relative;top:-22px;display:flex;flex-direction:column;justify-content:end;align-items:center}.entry-side{padding:0;height:inherit;width:100%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.entry-side h4{color:var(--mild-dark);font-size:200%}.entry-bottom{height:15px;width:inherit;background:inherit;position:absolute;bottom:-15px}.info-block{margin-bottom:2vh;border-radius:30px;display:none;width:100%;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.info-block::-webkit-scrollbar{display:none}.headline{margin:0;line-height:94%;margin-bottom:1rem;font-size:2.75rem}.info-block *{display:block}.info-block .project-description{display:flex;flex-direction:column;text-align:justify;line-height:30px}.info-block .project-description .description-body{display:flex;justify-content:space-between}.info-block .project-description:nth-of-type(even) .description-body{flex-direction:row-reverse}.info-block .project-description .description-body>:nth-child(2){margin-left:7%}.info-block .project-description .description-body .project-text{margin:0}.info-block .image-wrapper{margin-right:0;max-height:90%;display:block}.info-block .image-wrapper .placeholder-image{display:block;margin-left:auto;max-height:170px;border:var(--mild-dark) 2px solid;border-radius:5px;padding:3px}#bottom-row ul,.info-block ul{margin:0;padding:0;width:100%;display:flex;flex-wrap:wrap;text-align:center}#bottom-row ul{justify-content:center}#bottom-row ul>li,.info-block ul>li{margin:0 2%;display:inherit;flex-direction:row;justify-content:start;align-items:center;line-height:40px}.info-block ul>li>*,ul>li>*{margin:0 3px;font-size:32px;text-align:left}.info-block ul>li>img,ul>li>img{background-color:rgba(164,74,63,.3);padding:1px;border-radius:6px;border:#a44a3f 3px solid;width:32px}.info-block>.project-description>.timeframe{display:flex;flex-wrap:wrap;margin-bottom:10px}.info-block>.project-description>.timeframe>*{margin:0}.info-block .progres-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.info-block .placeholder-progresbar{margin-right:0;width:80%;justify-self:right}.info-block .outer-pbar{padding:min(3%,8px);background-color:rgb(164,74,63,.5);border-radius:75px;height:40%;width:100%;display:flex;flex-direction:column;justify-content:center}.info-block .inner-pbar{height:50%;min-height:15px;border-radius:15px;background-color:#a44a3f;position:relative;display:flex;justify-self:center}.info-block .percent-var{display:none}.info-block #links-container{display:flex;flex-direction:row}#focus-container{display:block;z-index:2;position:fixed;max-height:0;left:4%;right:4%;bottom:inherit;top:+100px;background-color:rgb(29,9,18,0);visibility:hidden}#focus-container .project-entry>.entry-side>.fade-box-top{height:var(--fade-box-height);height:var(--fade-box-height);width:inherit;position:absolute;top:calc(11.8vh + var(--fade-box-height));left:0;background-image:linear-gradient(to top,rgb(164,74,63,.03) ,rgb(164,74,63,.6))}#focus-container .project-entry>.entry-side>.fade-box-bottom{height:5vh;width:inherit;position:absolute;bottom:calc(-1.6em + var(--fade-box-height));left:0;background-image:linear-gradient(to bottom,rgb(164,74,63,.03) ,rgb(164,74,63,.6))}#focus-container .info-block>*{margin:20px 10px 0 10px;padding:min(5%,30px);font-size:1.25rem;background-color:var(--creme-card-bg);border-radius:30px;box-shadow:0 5px 3px;width:100%}#focus-container .info-block>.project-description:nth-last-child(1){margin-bottom:var(--fade-box-height)}#focus-container>.project-entry{position:relative;height:fit-content;top:-100px}#focus-container .entry-side>svg{position:absolute;top:10px;right:10px;height:fit-content;width:fit-content;align-self:flex-end}#focus-container>.project-entry>.entry-side{padding:0 20px 0 20px;margin:0;height:inherit;max-height:90vh;display:flex;position:inherit;flex-direction:column;justify-content:start}#focus-container>.project-entry>.entry-side>h4{margin:6vh 0 calc(6vh - var(--fade-box-height)) 0;font-size:2.5rem}#focus-container .info-block .link-to-project{width:100%;display:inline-block}#focus-container .info-block .link-to-project *{margin:0;width:100%;display:block}#lay-over{background-color:rgb(29,9,18,.9);height:100%;width:100%;position:absolute;z-index:1;visibility:hidden;cursor:pointer}#residual-bottom-space{margin-top:20px;position:relative;max-height:max-content;width:100%;display:flex;align-items:flex-end;justify-content:center}footer{width:inherit;padding:0;bottom:0}.horizontal-line{width:100%;background-color:#000;border:#000 2px solid;border-radius:2px;margin:10px 0}#symbol-holder{max-height:max-content;display:flex;flex-direction:row;justify-content:center}#symbol-holder>a{margin:0 1%}svg{fill:var(--orange-link);cursor:pointer;margin-right:2vw}svg:hover{fill:#000}#focus-container svg{fill:var(--box-red-bg)}#focus-container svg:hover{fill:#fff}@media screen and (max-width:755px){header>ul{flex-direction:column}header>ul>li>a{font-size:2em}.entry-top{margin-left:8%;margin-right:8%;width:25%;height:22px;top:-20px}#focus-container>.project-entry>.entry-side>h4{font-size:2rem}#focus-container .project-entry>.entry-side>.fade-box-top{top:calc(10.3vh + var(--fade-box-height))}.info-block>*{display:flex;flex-direction:column;justify-content:start;align-items:start}.info-block .project-description .description-body{flex-direction:column}.info-block .project-description .headline{font-size:2.25rem}.info-block .project-description:nth-of-type(even) .description-body{margin:7% auto auto auto;flex-direction:column}.info-block .image-wrapper{margin:7% auto auto auto;flex-direction:column}.info-block .image-wrapper .placeholder-image{max-height:auto;max-width:max(250px,60vw)}.info-block ul{padding-left:0}.info-block ul>li{margin:2%}.info-block .placeholder-progresbar{justify-self:center}#focus-container>.project-entry .entry-side{overflow-x:hidden}#focus-container .info-block>*{display:inline-flex}.info-block>.project-description>.timeframe>#push-dummy{width:200%}#focus-container .info-block .progres-wrapper{flex-direction:column;width:100%}}