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