@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype"),
    url("../fonts/OpenSans-Regular.woff") format("woff"),
    url("../fonts/OpenSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "OpenSans";
  background-color: #594664;
}
body::before {
  content: "";
  background-image: url(../images/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
.profilePictureHireMe,
.profilePicture {
  width: 250px;
  position: absolute;
  top: 0;
  right: 15px;
  border-radius: 50px;
  cursor: pointer;
}
.text_hire_me {
  font-size: 22px;
  color: black;
  display: inline-block;
  text-align: center;
  width: 40%;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
}

.phone {
  font-size: 22px;
  color: white;
  text-decoration: none;
}

.phoneHireMe {
  font-size: 23px;
  color: black;
  text-decoration: none;
}

.sidona_lastauskaite {
  padding-top: 20px;
  font-size: 33px;
  color: white;
}
.info_alignment {
  text-align: center;
}
.emailHireMe {
  font-size: 23px;
  display: inline-block;
  text-decoration: none;
}
a.emailHireMe:link {
  color: black;
  font-size: 23px;
}
a.emailHireMe:active {
  color: black;
  font-size: 23px;
}
a.emailHireMe:visited {
  color: black;
  font-size: 23px;
}

.email_github {
  font-size: 22px;
  display: inline-block;
  text-decoration: none;
}
a.email_github:link {
  color: white;
  font-size: 22px;
}
a.email_github:active {
  color: white;
  font-size: 22px;
}
a.email_github:visited {
  color: white;
  font-size: 22px;
}

.info_pav {
  height: 50px;
  width: 50px;
  /*padding: 20px 20px 20px 20px;
  display: flex;*/
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

.info_pav:hover {
  filter: invert(30%) sepia(70%) saturate(700%) hue-rotate(280deg)
    brightness(100%) contrast(100%);
  transform: scale(1.3); /* Smooth scaling animation */
}

.thankYou,
.jobTitle {
  text-decoration: none;
  font-size: 33px;
  color: #ffc0f3;
  font-weight: bolder;
  text-shadow: 0 0 5px #a70050, 0 0 10px #a70050, 0 0 15px #a70050,
    0 0 20px #a70050;
}

.CV_table {
  width: 600px;
  border-spacing: 20px;
  margin: auto;
}
.cvTableAlignment {
  /*kad lentele galima butu stumdyti i sonus sumazinus langa (reikia isideti visa lenteles turini i div)*/
  overflow: auto;
  max-width: 100vw;
}

.cvActions {
  margin: auto;
  border-spacing: 20px;
}
.button_download {
  border: solid;
  font-size: 20px;
  font-family: "OpenSans";
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  color: white;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 1.5s ease;
}
.button_download:hover {
  background-color: rgb(255, 255, 255, 0.3);
  transform: scale(1.1);
}

.button_hire {
  background-color: #b43186;
  font-size: 20px;
  font-family: "OpenSans";
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  color: white;
  cursor: pointer;
  transition: background-color 1.5s ease;
  position: relative;
  border: solid;
  border-color: #b43186;
}

.button_hire:hover {
  border-color: #f330a8;
  background-color: #f330a8;
  transform: scale(1.1);
}
.main {
  max-width: 1400px;
  position: relative;
  margin: auto;
}

@media only screen and (max-width: 990px) {
  .profilePicture {
    position: static;
  }
}

@media only screen and (max-width: 1920px) {
  .profilePictureHireMe {
    position: static;
  }
}

.scroll-down-button:hover {
  background-color: rgba(255, 255, 255, 0.381);
  transform: scale(1.1);
}

.scroll-down-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: solid;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  color: white;
  background-color: rgba(255, 255, 255, 0.466);
  transition: background-color 1.5s ease;
}

.textAlignment {
  text-align: center;
}
.text_about_me {
  font-size: 17px;
  display: inline-block;
  text-align: justify;
  width: 40%;
  margin-top: 35px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
  overflow-wrap: break-word;
}

.text_experience {
  font-size: 17px;
  display: inline-block;
  text-align: left;
  width: 40%;
  margin-top: 35px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
}

.text_skills,
.text_skills2 {
  font-size: 17px;
  text-align: left;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
}

.text_skills {
  width: 20%;
}

.text_skills2 {
  width: 20%;
}

.text_container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 35px;
  margin-bottom: 35px;
}

.text_courses {
  font-size: 17px;
  display: inline-block;
  text-align: left;
  width: 42%;
  margin-top: 35px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
}

.text_language {
  font-size: 17px;
  display: inline-block;
  text-align: justify;
  width: 35%;
  margin-top: 35px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.861);
}

@media only screen and (max-width: 480px) {
  .text_hire_me,
  .text_about_me,
  .text_experience,
  .text_skills,
  .text_skills2,
  .text_courses,
  .text_language,
  .button_download,
  .button_hire {
    width: 90%;
    font-size: 16px;
    padding: 15px;
  }

  .scroll-down-button {
    font-size: 17px;
    height: 38px;
    width: 38px;
  }

  .emailHireMe,
  .a.emailHireMe:link,
  .a.emailHireMe:active,
  .a.emailHireMe:visited,
  .phoneHireMe {
    font-size: 16px;
  }
}

a.scroll:link {
  color: white;
}
a.back_to_index:link {
  color: white;
  text-decoration: none;
}
a.back_to_index:visited {
  color: white;
  text-decoration: none;
}
a.back_to_index:active {
  color: white;
  text-decoration: none;
}

.cvTableButton {
  opacity: 80%;
  border-radius: 50%;
  transition: transform 0.5s ease-in-out, background-color 0.5s ease-in-out,
    filter 0.5s ease-in-out;
  background-color: white;
  border-color: rgba(255, 255, 255, 0);
  width: 105px;
  height: 96px;
}

/* to remove square tapping feedback on mobile devices*/
.cvTableButton,
.scroll-down-button,
.profilePicture,
.profilePictureHireMe,
.button_download,
.button_hire {
  -webkit-tap-highlight-color: transparent;
}