/**********rejt**************/
.rejt {
  /*visibility: hidden; /*csak simán láthatatlan lesz*/
  display: none;
}

/**********rejt**************/
/*szakaszok******************/
body {
  margin: 0;
  /*margin:0; ne legyen margó*/
  text-align: center;
  /*a szöveg középen legyen*/
  font-family: 'Montserrat', sans-serif;
  background-color: #007980;
}

.teteje {
  background-color: #00ADB5;
  position: relative;
  padding-top: 100px;
  /*  width: 100%;
  height: 500px;*/
}

.foot {
  background-image: linear-gradient(to bottom, #007980, #003D40);
  position: relative;
  padding-bottom: 50px;
}

.skill-row {
  width: 50%;
  margin: 100px auto 100px auto;
  text-align: left;
  /*balra legyen igazítva a szöveg*/
  line-height: 5rem;
}

.me {
  width: 50%;
  margin: 100px auto 100px auto;
  text-align: left;
  /*balra legyen igazítva a szöveg*/
  line-height: 2rem;
}

/*szakaszok******************/
#hello {
  /*width: 1000px;/*ha meg van adva a szélessége akkor a doboza nem meghatározott szélességü lesz így kénytelenek vagyunk a kövi sorra*/
  margin: 0 0 0 0;
  /*text-align-visszaállítája középre igazítj (doboz oldalati állítja be)*/
  font-family: 'Sacramento', cursive;
  font-size: 5.625rem;
  /* 16px=100%=1em=>rem alkalmazkodó 90px/16=562,5 % */
  color: #00D0DB;
}

/*betük kezelése************************/
.p2 {
  font-size: 2.5rem;
  /* 40 méret 40/16=2,5rem*/
  font-family: 'Merriweather', serif;
}

h2 {
  font-size: 2.4rem;
  font-family: 'Montserrat', sans-serif;
  color: #66BFBF;
  padding-bottom: 10px;
  /*utánna ennyi hely*/
}

h3 {
  font-family: 'Zen Old Mincho', serif;
  color: #66BFBF;
  padding-bottom: 10px;
  /*utánna ennyi hely*/
}

p {
  font-family: 'Zen Old Mincho', serif;
  color: #66BFBF;
  line-height: 2rem;
}

a {
  font-family: 'Zen Old Mincho', serif;
  margin: 10px 20px;
  text-decoration: none;
  color: #2b4848
}

a:hover {
  font-family: 'Zen Old Mincho', serif;
  margin: 10px 20px;
  text-decoration: none;
  color: #030505
}

.kiemel {
  text-decoration: underline;
}

/*betük kezelése************************/
/*HR************************************************/
hr {
  border-color: #00ADB5;
  border-style: dotted none none;
  border-width: 8px;
  border-top-style: dotted;
  width: 10%;
}

/*HR************************************************/
/*kép igazítás************************************/
.imgp {
  width: 10rem;
  margin: auto;
}

.imggep {
  width: 200px;
  float: left;
  /*szorosan szöveg mellé zár a kép jobboldalt "lebeg"*/

}

.imgkod {
  width: 200px;
  float: right;
}

.kor {
  border-radius: 100%
}

/*kép igazítás************************************/
/*felhők igazítása********************************************/
/***Netes megoldása*****/
/*
.alsofelho{
position: absolute;
left:300px;
bottom:300px;
}
.felsofelho{
position: absolute;
right:300px;
top:50px;
}*/
/***Netes megoldása*****/
/*T12*/
.alsofelho {
  position: absolute;
  right: 60%
}

.felsofelho {
  position: absolute;
  left: 60%;
  top: 50px;
}

/*felhők igazítása********************************************/
/*hegy igazítás ********************************************
*/
.mountain {
  margin-bottom: -3px;
}

/*kép igazítás************************************/
/*GOMB**********************************************/
.Kapcs {
  background: #0000;
  background-image: -webkit-linear-gradient(top, #89C5CD, #58878A);
  background-image: -moz-linear-gradient(top, #89C5CD, #58878A);
  background-image: -ms-linear-gradient(top, #89C5CD, #58878A);
  background-image: -o-linear-gradient(top, #89C5CD, #58878A);
  background-image: -webkit-gradient(to bottom, #89C5CD, #58878A);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  height: 0;
  line-height: 0;
  color: #B2E6E8;
  font-family: Helvetica;
  width: 120px;
  font-size: 20px;
  font-weight: 100;
  padding: 40px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.Kapcs:hover {
  background: #58878A;
  background-image: -webkit-linear-gradient(top, #58878A, #89C5CD);
  background-image: -moz-linear-gradient(top, #58878A, #89C5CD);
  background-image: -ms-linear-gradient(top, #58878A, #89C5CD);
  background-image: -o-linear-gradient(top, #58878A, #89C5CD);
  background-image: -webkit-gradient(to bottom, #58878A, #89C5CD);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #B2E6E8;
  font-family: Helvetica;
  width: 120px;
  font-size: 20px;
  font-weight: 100;
  padding: 40px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
/*GOMB**********************************************/