* {
marging: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Poppins', sans-serif;
}

.navbar {
display: flex;
align-items: center;
padding: 20px;
}

nav {
flex: 1;
text-align: right;
}

nav ul {
display: inline-block;
list-style-type: none;
}

nav ul li {
display: inline-block;
}

a {
padding: 5px;
text-decoration: none;
color: #555;
}

p {
color: #555;
}

.container {
max-widht: 300px;
marging: auto;
padding-left: 25px;
}

.row {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}

.col-2 {
flex-basis: 50%;
min-width: 300px;
}

.col-2 img {
max-widht: 100%;
padding: 50px 0;
}

.col-2 h1{
font-size: 50px;
line-height: 60px;
margin: 25px 0;
}

.btn{
display: inline-block;
background: #ff523b;
color: white;
padding: 8px 30px;
margin: 30px 0;
border-radius: 30px;
transition: background 0.2s;
}

.btn:hover {
background: #563434;

}
.header {
background: radial-gradient(white,#ffd6d6);
}

.header .row {
margin-top: 70px;
}

.kategoriak {
margin: 70px 0;
}

.col-3 {
flex-basis: 30%;
min-widht: 250px;
margin-bottom: 30px;
}

.col-3 img{
widht: 100%;
}

.kontenerek {
margin: auto;
}

.col-4 {
flex-basis: 25%;
padding: 10px;
min-width: 200px;
margin-bottom: 50px;
transition: transform 0.3s;
}

.cim {
text-align: center;
margin: 0 auto 80px;
position: relative;
line-height: 60px;
color: #555;
}

.cim::after {
content: '';
background: #ff523b;
width: 80px;
height: 5px;
border-radius: 5px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

.h4 {
color: #555;
font-wight: normal;
}

.col-4 p {
font-size: 14px;
}

.col-4:hover {
transform: translateY(-10px);
}

.sponsor {
margin: 100px auto;
}

col-5 {
width: 160px;
}

.alcim {
background: #000;
color: #8a8a8a;
font-size: 14px;
padding: 10px 0 10px;
}

ul {
list-style-type: none;
}

.alcim hr {
border: none;
background: #b5b5b5;
height: 1px;
margin: 20px 0;
}

.copyright {
text-align: center;
}

.ikon {
width: 28px;
margin-left: 10px;
}


select {
border: 2px solid #ff523b;
padding: 5px;
}

select:focus {
outline:none
}


.egytermek {
margin-top: 80px;
}

.egytermek .col-2 img {
padding: 0;
}

.egytermek .col-2 img {
padding: 20px;
}

.egytermek h4 {
margin: 20px 0;
font-size: 22px;
font-wight: bold;
}

.egytermek select {
display: block;
padding: 10px;
margin-top: 20px;
}

.egytermek input {
width: 50px;
height: 40px;
padding-left;
font-size: 20px;
margin-right: 10px;
border: 2px solid #ff523b;
}

input:focus {
outline: none;
}