body{font-family:'Roboto', sans-serif;background-color:#191919;color:#000000;font-size:16px;font-weight:400px}body h1,h2,h3,h4,h5,h6{font-family:'Quicksand', sans-serif}.main{max-width:1248px;padding:24px;margin:auto}.images-box{height:100px;max-width:1248px;overflow:hidden;-moz-column-width:80px;column-width:80px}.navbar{background-color:#35155D;color:#ffffff;align-items:center}@media screen and (max-width: 370px){.navbar{flex-direction:column}}.toggler-icon{color:#ffffff;font-weight:600px;border:5px;border-radius:5px;border-color:#ffffff}.navbar .nav-brand{font-size:18px;font-weight:600;color:#ffffff;margin:0 15px;font-size:xx-large;text-decoration:none}.navbar a{font-size:16px;font-weight:500;font-family:'Quicksand', sans-serif;color:#ffffff;font-size:large}.nav-logo{max-height:50px}.navbar a:hover{color:#00ecff}.react-button{display:inline-block;padding:10px 10px;margin:2px;font-size:14px;font-weight:bold;color:#fff;background-color:#3498db;border:none;border-radius:25px;cursor:pointer;transition:background-color 0.3s ease}.react-button:hover{background-color:#00ecff}.react-button{box-shadow:0px 4px 8px rgba(0,0,0,0.1)}.like-button{background:linear-gradient(to right, #F2485B, #9D2235);border:1px solid #F2485B}.comment-button{background:linear-gradient(to right, #35155c, #0d6dfb);border:1px solid #ffffff}.react-button{text-shadow:1px 1px 2px rgba(0,0,0,0.2)}.react-button:hover{transform:translateY(-2px)}.react-button{transition:transform 0.3s ease}footer{border-radius:5px;font-family:'Roboto', sans-serif;font-size:16px;font-weight:400px;width:100%;background:#ffffff;line-height:1.5;color:#35155c}footer h2{display:block;margin:0 0 10px 0;color:#35155c}footer ul{padding:0}footer ul li{list-style:none}footer a{color:#000000}footer a:hover,footer a:focus{color:#35155D}footer .social-links{text-align:center;margin-bottom:1rem}footer .social-links ul li{float:left}footer .social-links a{font-size:14px}footer .social-links a i{padding:0 10px;font-size:18px}footer .logo{width:100%;max-width:100px;margin-bottom:10px;display:block}@media (max-width: 767px){footer .social-links{text-align:left}footer .social-links ul li{float:none}}