section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5% 7%;background-color:var(--main-background-color)}section h2{font-weight:700;font-size:1.4rem;margin:10px 0 20px 0}.articles{width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--secondary-background-color);border-radius:5px;padding:10px}article{width:90%;display:flex;flex-direction:column;justify-content:center;background-color:var(--list-background-color);border:1px solid var(--list-border-color);border-radius:5px;box-shadow:0 0 24px rgba(177,177,177,.3);margin:10px;padding:10px 5px}.article-header{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.article-header h3{font-weight:700;padding:5px}.functionnality{display:flex;justify-content:center;align-items:center}.icon{min-width:40px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--purple-navy);border:2px solid var(--russian-violet);border-radius:50%;padding:5px;margin:5px}.icon img{width:80%;height:auto}.article-content{display:none;padding:5px}.article-content.open{display:block}article p{margin:10px 0}em{font-weight:700}.arrow{position:relative;height:15px;width:15px;margin:0 10px;cursor:pointer}.arrow::after,.arrow::before{content:"";position:absolute;bottom:0;width:.15rem;height:100%;transition:all .5s}.arrow::before{left:5px;transform:rotate(45deg);background-color:var(--purple-navy)}.arrow::after{left:-5px;transform:rotate(-45deg);background-color:var(--purple-navy)}.open .arrow::before{left:5px;transform:rotate(-45deg)}.open .arrow::after{left:-5px;transform:rotate(45deg)}@media screen and (min-width:768px){section{padding:3% 5%}section h2{font-size:1.6rem;margin:15px 0 30px 0}.articles{width:90%;padding:20px 10px}.article-content,.article-header h3{font-size:1.2rem}.icon{width:50px;height:50px}.arrow{margin:0 20px}}@media screen and (min-width:1024px){section h2{margin:20px 0 40px 0}.articles{width:80%;max-width:1000px;padding:30px 10px}}