html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Rubik", sans-serif;
  line-height: 1.5;

  overflow-x: hidden;
}

.main {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  font-size: 3.6rem;
  font-weight: 400;
}

.hr {
  height: 2px;
  width: 50%;
  background-color: #ccc;
  border: none;
}

.hrr {
  height: 2px;
  width: 80%;
  background-color: #ccc;
  border: none;
}

header,
.about,
.proficiency,
.example,
.exp,
.courses,
.languages {
  display: flex;
  flex-direction: column;
}

.hr,
.info,
.ul,
.nav,
.name,
.para,
.title,
.text,
.proficiency,
.code,
.codeex,
.skills,
.container,
.tt,
.experience,
.courses,
.course,
.lang,
.list {
  margin: auto;
}

.email {
  text-decoration: none;
  font-size: 1.2rem;
}

.name,
.para,
.info {
  padding: 2.4rem;
}

.para {
  font-weight: 400;
  font-size: 2.4rem;
}

.contact {
  font-size: 2rem;
}

.phone,
.mail,
.skill {
  font-size: 1.2rem;
  font-weight: 400;
}

.contact,
.skills {
  font-weight: 400;
}

.title {
  font-size: 2rem;
  padding: 2rem;
}

.text {
  font-size: 1.6rem;
  width: 50%;
  text-align: center;
  margin-bottom: 1.2rem;
}

.skills,
.code,
.tt,
.course {
  padding-top: 1.2rem;
  padding-bottom: 1rem;
  font-size: 2rem;
}

.tt {
  padding-top: 4rem;
}

.skill,
.experience,
.mycourse,
.lingua {
  font-size: 1.6rem;
}

.list {
  margin-bottom: 2rem;
}

.codeex {
  width: 50%;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 5rem;
}

.container {
  width: 50%;
  height: 20%;
  background-color: rgb(228, 225, 225);
  padding: 2rem 2rem 2rem 2rem;
}

.experience {
  margin-bottom: 2rem;
}

.pic {
  width: 80%;
  height: 80%;
  margin: 2rem;
  border-radius: 1%;
}

.lang {
  font-size: 2rem;
  padding: 1rem 1rem;
}

.footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-left: 35%;
  margin-bottom: 2rem;
}

.glink {
  text-decoration: none;
  font-size: 1.2rem;
  margin-left: -30%;
  margin-top: 5rem;
}

.date {
  font-size: 1.1rem;
  margin-top: 6rem;
}

.logo {
  width: 70px;
  height: 70px;
  margin-left: 40%;
  margin-top: -15%;
}