body {
  font-family: "Times New Roman", Times, serif;
  overflow-x: hidden;
}
html{
    scroll-behavior: smooth;
}
nav {
  display: flex;
  justify-content: center;
  gap: 5vw;
  font-size: 1.5vw;
  position:relative;
  bottom: 12vh;
}
.hakkimda {
  text-decoration: none;
  color: #2f2f2f;
}
.projeler {
  text-decoration: none;
  color: #2f2f2f;
}
.hizmetler {
  text-decoration: none;
  color: #2f2f2f;
}
.iletisim {
  text-decoration: none;
  color: #2f2f2f;
}
header {
  display: flex;
  justify-content: flex-end;
  position: relative;
  bottom: 2vh;
  right: 3vw;
}
.bertop {
  color: #2f2f2f;
  font-size: 5vh;
}
section {
}
.hey {
  color: #2f2f2f;
  font-size: 4vw;
  display: flex;
  justify-content: flex-start;
  position: relative;
  bottom: 15vh;
  left: 3vw;
}
.hey2 {
  display: inline-block;
  position: relative;
  bottom: 25vh;
  left: 3vw;
  color: #fbfbfb;
  font-size: 1.5vw;
  background-color: #6f6f6f;
  border-radius: 20px;
  padding: 0.8vw;
}
.card1 {
  display: inline-block;
  padding: 5vw;
  padding-top: 0.7vh;
  color: #3a3333;
  background-color: #3a3333;
  border-radius: 25px;
  position: relative;
  top: 0.5vh;
  box-shadow: 10px 10px 10px black;
}
.cards {
  display: flex;
  justify-content: center;
  gap: 10vw;
}
.carddil {
  display: flex;
  justify-content: center;
  font-size: 2vw;
  position: relative;
  bottom: 15vh;
  color: #ffffff;
  gap: 13.8vw;
}
.html5 {
  position: relative;
  right: 0.4vw;
}
.css3 {
  position: relative;
  left: 0.5vw;
}
.javascript {
  position: relative;
  left: 0.5vw;
  color: #74716a;
}
.python {
  color: #74716a;
}
#hakkimdametin {
  text-align: center;
  font-size: 1.5vw;
  position: relative;
  top: 20vh;
  font-size: 2vw;
}
.maincard {
  display: inline-block;
  padding: 10vw;
  padding-top: 20vh;
  color: #3a3333;
  background-color: #3a3333;
  border-radius: 5px;
  position: relative;
  top: 40vh;
  box-shadow: 10px 10px 10px black;
}
.maincard2{
  display: inline-block;
  padding: 9vw;
  padding-top: 16vh;
  color: #ffffff;
  background-color: #ffffff;
  border-radius: 0px;
  position: relative;
  top: 40vh;
}
.cards2{
  display: flex;
  justify-content: center;
  gap: 12vw;
  position:relative;
  bottom:44.5vh;
  left:0.05vw;
}