body{font-family:sans-serif}div{display:flex;padding:1rem;gap:1em}div.greatgap{gap:5em}img{border-radius:.5rem}.flex-column{flex-direction:column}.btn{font-weight:bold;font-size:1.8em;text-decoration:none;color:black;background-color:#e4e4e7;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border-radius:.5rem;padding:0.5rem 1rem}.logo{font-size:2.5em}img.moi{border-radius:3em}img.logo{width:12em}.navbar{display:flex;margin-top:30px;padding-bottom:30px;flex-direction:row;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.navbar__link{margin-left:30px;color:black;font-weight:bold;text-decoration:none}.navbar__link--purple{color:#a5b4fc}.navbar__link--logo{font-size:2.5em}.navbar__link--standard{font-size:2em;margin-left:30px;align-content:space-evenly}.navbar__link--logo img{height:1.5em}.content{margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;max-width:60%}.current{color:green}.flex-column div{justify-content:center}div.brown1{background-color:rgba(68,60,63,0.5);border-radius:3em}div.brown1 div{flex:1;justify-content:center;align-items:center;flex-wrap:wrap}div.brown1 h2,div.brown1 p{margin:0}div.brown1 p{font-size:x-large}div.brown1 span{background-color:#443c3f;border-radius:0.5em;color:white;font-size:1em;font-weight:800;padding:0.5em}@media all and (max-width: 500px){.content{max-width:100%}.navbar__link--standard{font-size:1em}.navbar__link--logo img{height:1em}div.greatgap{flex-direction:column;gap:1em}div.greatgap div{justify-content:center}img.logo{width:8em}.btn{font-size:1em}}