style.css

/*
Theme Name: Golpo
Description: Golpo is a lightweight WordPress theme built with a focus on speed and usability. Even this is a free theme you will find most of the advanced theme customizer options that you may find only on premium themes like, typography options, header layout options, advanced color options, blog layout options, social media options, etc. Just install the theme and customize it as you like. Golpo is flexible, fast, fully customizable & beautiful theme suitable for blog, personal portfolio, business website and it's most powerful gutenberg ready for the Storyteller. A plain-vanilla & lightweight theme for a new blogger also clean and minimalist that allows your reader to focus on your content, build especially for daily or hobby bloggers who love to share their lifestyle, fashion, travel, entertainment, beauty or just a simple personal blog. Golpo is a very fast, responsive, RTL & translation ready, best SEO practices. Golpo theme best for single niche or multi niche blogging and SEO optimized. It's perfect for blogs, small business, startups, agencies, firms as well as personal portfolio sites and most types of projects. Look no further. Golpo is the perfect theme for you!
Author: Fahim Murshed
Author URI: https://www.murshidalam.com
Theme URI: https://www.murshidalam.com/themes/golpo/
Version: 1.1.7
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: golpo
Tags: two-columns, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, right-sidebar, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce
*/

/*--------------------------------------------------------------
1. Default HTML Tags Styles
--------------------------------------------------------------*/
body {
  font-family: 'Nunito', sans-serif;
  color: #191e24;
  font-size: 16px;
  line-height: 2;
  background-color: #f5f5f5;
}

a:hover {text-decoration: none}
img {
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f1f2f4;
  border-radius: 3px;
  box-shadow: none;
  outline: none !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: #0fb1f5;
}
.comment-reply-link,
input[type=button],
input[type=submit],
button {
  background-color: #030120;
  color: #fff;
  border: none;
  padding: 6px 25px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.comment-reply-link:hover,
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
  color: #fff;
  background-color: #595777;
  background-position: right center;
}
table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 20px;
}
table tr td,
table tr th {
  border: 1px solid #ddd;
  padding: 8px;
}
pre {
  background-color: #f1f2f4;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
code {
  color: #ff3366;
  background-color: #fbefef;
}
kbd {
  background-color: #191e24;
}
blockquote {
  font-style: italic;
  border-left-color: #f1f2f4;
}
dd {
  margin-bottom: 15px;
  padding-left: 15px;
}

/* All right. Now you can add your own CSS after this line */
/* Custom CSS Start */