/*================================================
????????
===================================================*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Montserrat+Alternates:wght@400;700&display=swap');


html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: normal;
}



// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.m-plus-1-<uniquifier> {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/*================================================

===================================================*/
/*:root {
    --textlinkcolor: #1fc228;
    --textlink_hover: #0890aa;
    --textplane: #6a6d74;
    --footer_bg: #cee1d5;
    --entry_content_pre: #f8f9fa;
    --entry_content_pre_bg: #abafb1;
}*/



input.postbutton{
	background-image: linear-gradient(to bottom right, #8bb988, #d8d8bb);
	border:none;
	color: white;
	padding:10px;
}


span.searchinputs{
  display:flex
  justify-content:end;
}
input.submitbutton{
  border-radius:0;
  text-alighn:right;
  float: right;
}

input.queryinput{
  border-radius:0;
}

div.body_wrap{
  magin-top:5px;
}


body.grandhome {
    margin: 0;
    overflow-x: clip;
    background-image: linear-gradient(to top left, #fffff2, #072f33); 
    font-family:"M PLUS 1", sans-serif;
  color:#57595d
  font-size:0.9em;  
}
main{
font-family: "M PLUS 1", sans-serif;
font-weight:400;
}

div.coment{
  color:#57595d
  font-size:0.9em;  
}


h2::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    margin-right: 0.5em;
    font-size: 20px;
    color: #c9afde;
}

h1 {
 /* font-family: "Montserrat Alternates", sans-serif;*/
}

header h1.maintitle{
  text-align: center;
  font-size: 2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto;
    /*???*/
  background: linear-gradient(to bottom right, #54ae50, #eaea90);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
  		width: -webkit-fit-content;
  /*border: 10px solid #b7d6b6;*/
  padding-top: 20px; /
padding-bottom: 10px; /
}

@media (max-width: 1030px){
header h1.maintitle{
  text-align: center;
  font-size: 1.3em;
  font-weight:700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(to bottom right, #54ae50, #eaea90);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
  		width: -webkit-fit-content;
  /*border: 10px solid #b7d6b6;*/
  padding: 0 15px; /
}
}

h2::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    margin-right: 0.5em;
    font-size: 20px;
    color: #c9afde;
}

h2 {
  border-bottom: 3px solid #f5f5f5;
  position: relative;
  margin-bottom: 1.5em;
  background: linear-gradient(to bottom right, #a187f0, #ffa542);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2:after {
  content: '';
  display: block;
  width: 200px;
  height: 3px;
  background: #e3cbe0;
  position: relative;
  top: 3px;
}


@media (min-width: 1030px) {
    .contents .mainarea {
        width: calc(100% -(190px + 35px));
        margin-right: 35px;
    }
}

@media (min-width: 1030px) {
    .contents .subarea {
        width: 190px;
    }
}
 a{
  color:#40a448
}

footer {
  background: #deefec;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0
 /* position: absolute;*/
  /*bottom: 0;*/
}

div.comment{
  font-size: 0.9em;
  color:#6a6d74;
}