@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ | v2.0-modified | 20110126 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}:focus{outline:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{/*list-style:none;*/}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}textarea{overflow:auto;vertical-align:top;resize:vertical;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus,a:active,a:hover{outline:0;}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}html,button,input,select,textarea{color:#222;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}img{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/* Clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}

/* Global HTML Elements */

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #f1f1f1;
    color: #3c3c3c;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    line-height: 1.3em;
}

a {
    color: #0091c0;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

b, strong {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.5em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0091c0;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 16px;
}

p {
    margin-bottom: 1.2em;
}

strong {
    font-weight: bold;
}

cite, em, i {
    font-style: italic;
}

pre, code {
    font-family: "Courier New", monospace;
    margin-bottom: 10px;
}

ins {
    text-decoration: none;
}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 5px;
}

sub {
    top: 5px;
}

dl {
    margin: 0 0 10px 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 10px;
}

blockquote {
    font-style: italic;
    margin: 10px;
    padding: 6px;
}

blockquote p {
    padding-bottom: 0;
}

input, textarea, select {
    border: 1px solid #7e8993;
    border-radius: 3px;
    display: block;
    font-family: inherit;
    padding: 5px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"], input[type="radio"] {
    display: inline-block;
}

button {
    background-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 3px;
    color: #fff;
    font-family: inherit;
    padding: 10px 20px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

input:focus,
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}

.inner {
    margin: 0 auto;
    width: 1080px;
}

.clear {
    clear: both;
}


* {
    box-sizing:border-box;
    margin:0;
    padding:0;
}

header {
    background: #32373c;
    margin: 0 auto;
    margin-bottom: 20px;
}
header,
header a {
    color: #eee;
    text-decoration: none;
    /*text-shadow: 1px 1px #222;*/
    transition: all .3s ease-in-out;
}
header a:hover {
    color: #f0ad4e;
}
.wrap {
    margin: 0 auto;
    padding: 20px;
    width: 800px;
    max-width: 100%;
}
.site-content .wrap {
    background: #fff;
    border: 1px solid #ccd0d4;
}

.site-main {
}

.site-main .article {
    background: #fff;
    border: 5px solid #227ab9;
    padding: 10px;
    width: 32%;
}
.site-main .article h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.site-main .article img {
    display: inherit;
    height: auto;
    max-width: 100%;
}

.form-item {
    margin-bottom: 10px;
}

.form-item label {
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 75%;
    line-height: 1.4;
    margin-bottom: 4px;
    vertical-align: middle;
}

.form-item input,
.form-item span {
    border: 1px solid rgba(125, 125, 125, 0.4);
    border-radius: 3px;
    display: block;
    font-family: inherit;
    line-height: 1.5;
    padding: 5px 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    user-select: all !important;
}

.form-item input {
    box-shadow: 0 0 0 0.2rem rgba(125, 125, 125, 0.15);
    width: 100%;
}

.form-item input:focus {
    border-color: rgba(0, 123, 255, 0.4);
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.form-item span {
    border: 1px solid #7e8993;
}