@media (min-width:768px){.about-page{display:flex;flex-direction:column;min-height:100vh;font-family:monospace}.about-page h1{background-color:var(--primary-color);font-size:.5rem;padding:30px 30px 30px 40px;margin:0}.etoile{font-size:large}.content-about{display:flex;justify-content:space-between;align-items:flex-start;padding:3%;gap:4rem}.text{margin-top:7%;margin-left:3%;font-size:.8rem;flex:1 1}.text,.text a{color:var(--primary-color)}.text a{text-decoration:underline}.text a,.text b{font-weight:700}.photo-frame-about{flex:0 1 40%;display:flex;justify-content:center;align-items:center;margin-top:7%}.photo-about{width:100%;max-width:450px;height:auto;display:block;object-fit:contain}.contact{font-size:smaller;margin-top:8rem;display:flex;flex-direction:column;color:var(--primary-color)}.contact a,.contact b{width:-moz-fit-content;width:fit-content;padding:2px 0}.contact a{color:var(--primary-color);text-decoration:none}.contact a svg{vertical-align:middle}.contact a:hover,.link-reverse-tapes:hover{text-decoration:underline}}@media (max-width:768px){.about-page{display:flex;flex-direction:column;min-height:100vh;font-family:monospace}.about-page h1{background-color:var(--primary-color);font-size:.5rem;padding:30px 30px 30px 40px;margin:0}.etoile{font-size:large}.content-about{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3%;gap:2rem}.text{margin-top:2%;padding:2%;font-size:.6rem;text-align:justify}.text,.text a{color:var(--primary-color)}.text a{text-decoration:underline}.text a,.text b{font-weight:700}.photo-frame-about{display:flex;justify-content:center;align-items:center}.photo-about{width:73%;max-width:400px;height:auto;display:block;object-fit:contain}.photo-about-desktop{display:none}.photo-about-mobile{display:block}.contact{font-size:smaller;margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;color:var(--primary-color)}.contact a,.contact b{width:-moz-fit-content;width:fit-content;padding:2px 0}.contact a{color:var(--primary-color);text-decoration:none}.contact a svg{vertical-align:middle}.contact a:hover,.link-reverse-tapes:hover{text-decoration:underline}}