@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";html,body{margin:0;padding:0;font-family:Space Mono,monospace;background-color:#242424;color:#fff}.home-page{width:60vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:4em auto}.picture-name{width:60vw;display:flex;flex-direction:row;align-items:flex-end;margin-bottom:2em;border:2px solid white}.picture-name img{width:12em;height:12em;object-fit:cover;border-right:2px solid white}.picture-name h1{font-size:3em;margin:auto;text-align:center}.boxes-container{width:60vw;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}.Box{width:60vw;border:2px solid white;margin:2em auto}.Box h3{position:relative;font-size:2em;margin:0;padding-left:1em;box-sizing:border-box;border-bottom:2px solid white;background-color:#ff6a0016}.Box h3:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background-color:#ff6a00}.Box-content{width:calc(60vw - 4em);margin:2em auto;text-align:justify}#box-border{border-top:2px solid rgb(74,74,74);padding-top:1em}.Box-content p{margin:.5em 0}#bold{font-weight:700;max-width:40vw;margin:0}.Skills-first-p{margin-top:2em!important}.title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1em}#date{width:fit-content;font-size:.8em;margin:0;padding:4px;background-color:#81818116;color:#dcdcdc;border-radius:4px}.links-container{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:1em 0}.links-container div{display:flex;flex-direction:row;align-items:flex-end}.links-container a,p{width:fit-content!important;text-decoration:none;color:#fff;font-size:1.2em}#Links div a:hover{cursor:pointer;color:#ff6a00}.copy{display:flex;flex-direction:row;justify-content:center;align-items:center;width:60vw;height:4em;border:none!important}.copy p{width:fit-content!important;margin:0!important;font-size:1em;transform:translateY(10px)}@media (max-width: 640px){.home-page{width:80vw}.picture-name{width:80vw;height:4em;flex-direction:column;align-items:center}.picture-name img{display:none}.picture-name h1{font-size:2em}.boxes-container,.Box{width:80vw}.Box p{width:calc(80vw - 4em)}#Links a{text-decoration:underline}.copy{width:80vw}}