.language{width:4rem}.flexbox-container{display:flex;flex-direction:column;align-items:center;gap:5rem}.wall-with-picture{display:flex;flex-direction:column;align-items:center;position:relative}.wall-with-picture .main-picture{width:85vw;margin-top:2rem;box-shadow:7px 10px 20px #000000a1}.picture-header{position:absolute;width:70vw;margin-top:3.5rem}.date-stamp{position:absolute;top:2.8rem;right:1rem;font-size:.8rem}.info-box{position:absolute;top:55%;left:62%;color:#720e0e}.info-box h3,h5{font-family:sans-serif;margin:0}.info-box h5{font-family:sans-serif;font-size:.7rem;margin:0}.info-box ul{margin:.3rem 0;padding:0 1.5rem;font-family:sans-serif;font-size:.5rem}.info-box ul li{line-height:1rem}.wall-with-info{display:flex;flex-direction:column;align-items:center;max-width:25rem}.wall-with-info h2,h4{margin:.15rem}.wall-with-info h2{color:#720e0e;font-size:2.5rem;animation:moveInFromLeft .4s ease-out}.wall-with-info h4{margin-bottom:2rem;animation:moveInFromRight .4s ease-out}.wall-with-info button{margin:1rem;border:none;background-color:#720e0e;color:#fff;font-weight:700;font-size:1rem;width:10rem;height:3rem;border-radius:.5rem;box-shadow:5px 5px 20px #000000a1}.more-about-me-box,.more-about-me-box-grey-bg{display:flex;flex-direction:column;align-items:center;margin:0 2rem}.more-about-me-box p,.more-about-me-box-grey-bg p{font-family:Courier New,Courier,monospace;margin:1rem}.more-about-me-box-grey-bg{background-color:#b1b1b186;padding:.7rem;border-radius:.7rem}.wall-with-info button:active{opacity:.7}.about-btn{animation:moveInFromBottom .5s ease-in;animation-delay:.4s;animation-fill-mode:backwards}.projects-btn{animation:moveInFromBottom .2s ease-in;animation-delay:.7s;animation-fill-mode:backwards}@keyframes moveInFromLeft{0%{opacity:0;transform:translate(-8rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInFromRight{0%{opacity:0;transform:translate(8rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInFromBottom{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 500px){.info-box h5{font-size:.9rem}.info-box ul{font-size:.7rem}}@media only screen and (min-width: 780px){.flexbox-container{flex-direction:row;justify-content:center;align-items:start;margin:4rem 1rem;gap:5rem}.wall-with-picture .main-picture{width:50vw;margin-top:2rem}.picture-header{width:45vw;margin-top:3rem}.info-box{top:54%;left:61%}.info-box h3,h5{font-family:sans-serif;margin:0}.info-box ul{font-size:.67rem}.wall-with-info{margin-top:4rem;width:100%;max-width:25rem}.date-stamp{top:2.5rem;right:.8rem;font-size:.6rem}}@media only screen and (min-width: 900px){.wall-with-picture .main-picture{width:35vw}.picture-header{width:33vw;margin-top:3rem}.info-box h3{font-size:1rem}.info-box h5{font-size:.7rem}.info-box ul{font-size:.59rem}}@media only screen and (min-width: 1100px){.wall-with-picture .main-picture{width:28vw}.picture-header{width:27vw}.info-box h3{font-size:1.2rem}.info-box h5{font-size:.7rem}.flexbox-container{margin:2rem 10rem}}@media only screen and (min-width: 1300px){.flexbox-container{margin:3rem 15rem}.info-box h3{font-size:1.4rem}.info-box h5{font-size:.85rem}.info-box ul{font-size:.7rem}}@media only screen and (min-width: 1600px){.flexbox-container{margin:5rem 20rem}.wall-with-picture .main-picture{width:24vw}.picture-header{width:21vw}.info-box ul{font-size:.8rem}}@media (hover: hover) and (pointer: fine){.wall-with-info button{box-shadow:none;transition:all .2s}.wall-with-info button:hover{transform:translateY(-.25rem);box-shadow:0 7px 10px #00000085}.wall-with-info button:active{transform:translateY(-.07rem);box-shadow:0 3px 7px #00000085}}nav{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.lightswitch-container{height:3.8rem;width:3rem;display:flex;padding:1rem;justify-content:center;align-items:center}.lights-switch{width:100%;height:100%}.fa-home{font-size:3rem;color:#000;margin-top:.5rem}@media only screen and (min-width: 900px){nav{padding:0 4rem}}@media only screen and (min-width: 1200px){nav{padding:0 8rem}}@media only screen and (min-width: 1400px){nav{padding:0 15rem}}@media only screen and (min-width: 1600px){nav{padding:0 20rem}}.project-header{text-align:center;margin-top:1.5rem;color:#720e0e;font-size:2rem}.projects-container{display:grid;grid-template-columns:1fr;justify-items:center;margin-top:2rem;gap:2.5rem;margin-bottom:5rem}.project{position:relative;width:80vw;height:auto;box-shadow:7px 10px 20px #000000a1;transition:transform .2s ease}.project-img{width:80vw;height:auto;display:block}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#353535da;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem}.overlay p{font-size:1rem;width:90%}@media (min-width: 500px){.overlay p{font-size:1.2rem;width:90%}}@media only screen and (min-width: 600px){.projects-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 0}.project:nth-child(5){grid-column:1 / -1}.project{width:40vw}.project-img{width:100%;height:100%}.overlay p{font-size:.9rem}}@media only screen and (min-width: 1038px){.overlay{opacity:0;transition:.3s ease}.overlay p{opacity:0;transition:ease .8s}.project:hover .overlay{opacity:1}.project:hover .overlay p{opacity:1;animation:moveInFromBottomProjects .3s;animation-delay:.2s;animation-fill-mode:backwards}@keyframes moveInFromBottomProjects{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.overlay p{font-size:1.2rem}}@media only screen and (min-width: 1300px){.projects-container{margin:5rem 10rem}.project{width:30vw}.overlay p{font-size:1.2rem}}@media only screen and (min-width: 1600px){.projects-container{margin:5rem 18rem;gap:3.5rem 2.5rem}.overlay p{font-size:1.4rem}}@media (hover: hover) and (pointer: fine){.project:hover{transform:scale(1.1)}}body{background-color:#dddddc;font-family:Courier New,Courier,monospace;margin:0;padding:0;overflow-x:hidden}a{text-decoration:none;color:#000}footer{margin:7rem 1rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.mail-box{display:flex;flex-direction:column;align-items:center}.mail-section,.download-cv,.linked-in{display:flex;flex-direction:column;align-items:center;justify-content:center;height:6rem;width:100vw;border-top:.1rem dashed black}.fa-envelope{color:#720e0e;font-size:2rem;text-decoration:none;cursor:pointer}.mail-box p{font-size:.8rem}.download-cv div{display:flex;flex-direction:column;align-items:center}.fa-download{color:#720e0e;font-size:2rem;cursor:pointer}.download-cv p{font-size:.8rem}.fa-linkedin{color:#720e0e;font-size:2rem;cursor:pointer}.linked-in div{display:flex;flex-direction:column;align-items:center}.linked-in p{font-size:.8rem}@media only screen and (min-width: 1024px){footer{flex-direction:row;justify-content:space-between;bottom:0;left:0;width:100vw;min-height:6rem;border-top:.1rem dashed black}.mail-section,.download-cv,.linked-in{border:none}.copyright{position:fixed;right:.5rem;bottom:0;font-size:.7rem}}.download-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#80808046}.download-info-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 7rem;background-color:#fff;border:.3rem dashed black;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem}.download-close-button{margin-top:2rem;border:none;background-color:#720e0e;color:#fff;font-weight:700;font-size:1rem;padding:.8rem 2rem;border-radius:.5rem;box-shadow:5px 5px 20px #000000a1}.download-info-box a{white-space:nowrap;color:#00f;text-decoration:underline}
