nav{color:#fff;background-color:#04071d;border:1px solid #6971a25f;border-radius:15px;flex-direction:row;justify-content:space-around;gap:25px;width:400px;margin:50px 0;padding:25px 50px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){nav{gap:15px;width:90%;padding:20px 10px}}
.banner{background-image:url(../media/background-carre.771d199c.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:calc(100% - 200px);height:90vh;padding:0 100px;display:flex}.banner p{text-transform:uppercase;font-size:20px}.banner h1{text-transform:capitalize;font-size:70px}.banner h2{margin-bottom:0;font-size:25px}.banner a{background:linear-gradient(#161a31,#06091f);border:1px solid #6971a2b3;border-radius:15px;width:auto;padding:25px}@media screen and (max-width:767px){.banner{text-align:center;width:calc(100% - 40px);height:80vh;padding:0 20px}.banner h1{font-size:35px}}