*{padding:0;margin:0;box-sizing:border-box}:root{--fontColor: rgb(18, 15, 78)}html,body{width:100%;overflow-y:visible}footer{background-color:#e6e6e6;text-align:center}footer h2{padding:.6rem;color:var(--fontColor);letter-spacing:.4rem;font-size:.8rem;margin-bottom:0;font-family:Montserrat,sans-serif}header{position:sticky;top:0;z-index:20;background-color:#fff;box-shadow:0 5px 5px #0000001a}nav{padding-top:.6rem;padding-bottom:.2rem;line-height:0}#textlogo{display:none}nav ul{display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none}nav ul li{padding:.9rem 1.2rem}ul li .navButton{color:var(--fontColor);text-decoration:none;font-size:18px;padding:12px;border-radius:5px;transition:.2s ease-in-out;font-family:Montserrat,sans-serif}.navButton.active,.navButton:hover,.navButton:after{background-color:#eeeded}.navButton i{position:relative;right:-5px;font-size:1.3rem}.checkbtn{font-size:30px;color:var(--fontColor);cursor:pointer;position:relative;margin:.53rem 1rem;display:none}#check{display:none}.dd-button{position:relative;user-select:none}.dropdown{line-height:normal!important;margin:15px;position:absolute;left:-10px;width:200px;background-color:#fff;display:none;box-shadow:0 2px 4px #0003;transition:all .4s ease-in-out;z-index:5}.dropdown li{padding:1rem .5rem;padding-bottom:0;transition:.4s ease-in-out}.dropdown li a{display:block;color:#000;font-size:15px;text-decoration:none;font-family:Montserrat,sans-serif;padding:0 0 10px;border-bottom:1px #ececec solid;border-radius:5px;transition:.2s ease-in-out}.dd-button:hover .dropdown{display:block}.dropdown li:hover{background-color:#eeeded}.info{display:flexbox;background-image:linear-gradient(to bottom,#faf2e857 60%,#fff);border-bottom:1px solid #ddd}.description{position:relative;color:var(--fontColor);margin:0 auto;padding:1rem 0;width:45rem;z-index:2;overflow:hidden}.description h2{text-align:center;padding:1.2vw;margin:0;font-family:Roboto Condensed,sans-serif;text-transform:uppercase;letter-spacing:.6rem}.description p{line-height:1.6rem;font-family:Montserrat,sans-serif;letter-spacing:.1rem;text-align:center}.cards{display:flex;justify-content:space-between;margin:0 auto;width:43rem;padding-bottom:1rem}.card{margin:10px;border-radius:1rem;width:320px;border:1px solid var(--fontColor);transition:all .4s ease-in-out;cursor:pointer;display:flex;flex-direction:column}.card-image{background-color:#302419;height:150px;z-index:0;overflow:hidden;border-top-left-radius:1rem;border-top-right-radius:1rem;transform-origin:center;border-bottom:1px solid #ddd}.card img{position:relative;transform:scale(var(--img-scale));transition:transform .4s ease-in-out}.card-info{padding:10px 20px;color:#120f4e;height:242px}.card-body{background-color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;flex:1}.card-body h2{font-family:Roboto Condensed,sans-serif;padding:5px 0;font-size:2rem;text-align:center;letter-spacing:.1rem}.card-body p{font-family:Nunito,arial,sans-serif;padding-bottom:20px}.card:has(:hover,:focus){box-shadow:#0003 0 10px 30px,#0000000f 0 0 0 1px;--img-scale: 1.1}.name-cards{display:flex;justify-content:space-between;margin:0 auto;width:53rem;padding-bottom:1rem}.card-name{margin:10px;border-radius:1rem;width:350px;height:400px;transition:all .4s ease-in-out;cursor:pointer;display:flex;flex-direction:column}.card-name img{position:relative;transform:scale(var(--img-scale));transition:transform .4s ease-in-out}.card-name-image{background-color:#302419;z-index:0;height:100%;overflow:hidden;border-radius:1rem;transform-origin:center;border-bottom:1px solid #ddd}.card-name:has(:hover,:focus){box-shadow:#0003 0 10px 30px,#0000000f 0 0 0 1px;--img-scale: 1.1}.sidebar{width:29vw;max-width:327px}.categories{display:flexbox;padding:1.2rem}.sidebar ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.categories li{display:flex;font-family:Nunito,arial,sans-serif;font-size:.95rem;border-bottom:1px solid #e0dfdfb0}li .cgButton{display:block;flex:1;user-select:none;text-decoration:none;color:#120f4eb0;padding:.7rem 0px .5rem .3rem;letter-spacing:.05rem;transition:.4s ease-in-out}.categories h2{font-family:Nunito,arial,sans-serif;color:var(--fontColor);font-size:2rem;margin-bottom:1.4rem}li .cgButton:hover,li .cgButton.active{background-color:#e4e4e4}.container{display:flex;padding:.4rem;margin:auto;justify-content:center}.container-error{color:#444;font-family:Nunito,arial,sans-serif;height:100%;display:flex;flex-direction:column;padding:.4rem;margin:auto;align-items:center;justify-content:space-between;text-align:center}.container-error h1{font-size:8rem;margin:4rem 0 1rem}.container-error h5{font-size:2rem;margin:0 0 1rem}.container-error h6{font-size:1.5rem;margin:0 0 1rem}.main{flex:1;max-width:1080px;height:max-content}.main-info{padding:.5rem 1rem 1.4rem}.main-info img{display:block;border-radius:1rem;margin:1rem auto 3rem;aspect-ratio:1240/580;height:44vw;max-height:400px;background-color:#000}.main-info h1,.main-info h2{font-family:Nunito,arial,sans-serif;font-size:2rem;color:var(--fontColor);margin-bottom:.5rem}.main-info p{font-family:Nunito,arial,sans-serif;font-size:17px;line-height:1.5rem;color:#646464}.main-content{padding:1rem;padding-top:0;display:flex}.names{flex:1;display:flex;flex-direction:column;background-color:#f0efef;height:100%;width:300px}.name-info{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #3d3d3d;user-select:none}.name h2{padding-left:1rem;flex:1;font-family:Montserrat,sans-serif;font-size:1.5rem;display:inline-block;color:var(--fontColor);font-weight:600}.name p{flex:1;font-family:Nunito,arial,sans-serif;display:inline-block;color:var(--fontColor);margin-right:8rem}.mean{display:none!important}.name-info:has(.mean-active){box-shadow:2px 0 10px #00000080,-2px 0 10px #00000080}.mean-active{display:flexbox;background-color:#686868;width:100%;transition:all .5s ease-in-out}.mean-active h2{display:block;color:#fff;text-align:center;font-size:2rem;text-transform:uppercase;padding:.5rem;font-weight:600}.mean-active p{color:#fff;text-align:center;font-family:Nunito,arial,sans-serif;display:flex;justify-content:center;margin:0 2rem 1rem}.mean-info{margin:0px 2rem;display:flex;flex-direction:row;justify-content:space-between;padding-top:1rem;padding-bottom:.6rem;border-top:1px solid rgba(255,255,255,.342)}.mean-info h3{color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:.09rem}.mean-gender h4 i{top:-1px;position:relative;font-weight:700;transform:scale(1.3);padding-left:.2rem}.mean-info h4{padding:.4rem;color:#ddd;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.08rem;text-align:center}.detail-link{display:inline-block;padding:.6rem 1.5rem;background-color:#fff;color:#686868;border-radius:50px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;margin-bottom:.6rem}.detail-link:hover{transform:translateY(-2px);box-shadow:0 6px 10px #00000026;background-color:#f8f8f8}.alphabets{display:flex;flex-direction:column;width:50px;margin:0px 1rem 0px 0px;user-select:none}.letter{width:50px;color:var(--fontColor);font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;padding:.7rem 1rem;margin:1px 0;text-align:center;background-color:#e0dfdf;transition:.2s ease-in-out}.letter:hover{transform:scale(1.15)}.active{background-color:#7a7a7ab0;color:#fff}.makineContainer{display:flex;padding:.4rem;margin:auto;justify-content:center}.content,.makine-content,.slider-container{position:relative}.name-generator-container h1{text-align:center;font-size:4.5vw;letter-spacing:.7vw;margin-top:3vw}.name-generator-container h2{text-align:center;font-size:4vw;letter-spacing:.4vw;padding-top:11vw;padding-bottom:.3vw}.gender .selected{transform:scale(1.5);border:00.3vw solid rgba(18,15,78,.459)}.gender button:active{transform:scale(1.5);border:00.3vw solid rgb(18,15,78,.459)}.makineMean{background-color:#a3a3a367;margin:1.2rem 0rem;display:flex;border-radius:1rem;flex:1;flex-direction:column}.makineMean h2{display:block;color:var(--fontColor);text-align:center;font-size:3rem;text-transform:uppercase;padding:.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.makineMean p{color:var(--fontColor);font-family:Nunito,arial,sans-serif;font-size:1.3rem;margin:auto 2rem 1rem}.makine-mean-info{margin:0rem 2rem;display:flex;flex-direction:row;justify-content:space-between;padding-top:1rem;padding-bottom:.6rem;margin-top:auto;border-top:1px solid rgba(68,49,112,.342)}.makine-mean-info h3{color:var(--fontColor);font-family:Montserrat,sans-serif}.makine-mean-info h4{padding:.4rem;color:#343172c9;font-family:Montserrat,sans-serif;font-weight:700;text-align:center}.mean-koken h4{width:84px;flex-wrap:wrap}.mean-koken h3{text-align:center}.makineContainer .main{padding:0rem 1rem;display:flex}.makine-content,.slider-container{position:relative}.overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000000b3;z-index:1}.name-generator-container{position:absolute;top:0;left:0;width:100%;color:#fff;z-index:2}.name-generator-container h1{text-align:center;font-size:4.5vw;letter-spacing:.7vw;margin-top:3vw;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.name-generator-container h2{text-align:center;font-size:4vw;letter-spacing:.4vw;padding-top:11vw;padding-bottom:.3vw;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.name-generator-container hr{display:block;margin:auto auto 10px;border-top:.7vw solid rgb(255,255,255);border-radius:3px;width:28vw;z-index:5}.name-generator-container .button{display:flex;align-items:center;justify-content:center;margin-top:3vw}.button button{font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:.4rem;text-transform:uppercase;border:none;cursor:pointer;font-size:1.5vw;background:#f2f2f2;background:radial-gradient(circle,#f2f2f2,#d4d4d4);padding:1.2vw 3vw;border-radius:10px;color:var(--fontColor);transition:transform .2s ease-in-out}.button button:hover{transform:scale(1.12)}.button button:active{transform:scale(.92)}.gender{margin-top:2vw;display:flex;align-items:center;justify-content:center;flex-direction:row}.gender button{margin:4vw;flex:.056;border:.3vw solid #ffffff60;cursor:pointer;transition:.2s ease-in-out;border-radius:5px;overflow:hidden;height:7.5vw;transform:scale(1.2)}.gender .selected,.gender button:active{transform:scale(1.5);border:.3vw solid rgba(18,15,78,.459)}.gender .buttonContent{text-align:center;width:1vw;height:1vw;padding:0;margin:0;font-size:1vw;color:#fff;font-family:Montserrat,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.12vw}.gender img{display:flexbox;justify-content:center;color:#fff;width:3vw;height:3vw;margin:0;padding:auto}#female{background-color:#f0a8cc;margin-left:0}#male{background-color:#a8d2f0;margin-right:0}#unisex{background-color:#ccbdde}.containerPopuler{display:flex;padding:.4rem;margin:auto;justify-content:center}.descriptionPopuler{position:relative;color:#fff;margin:0 auto;width:45rem;z-index:2;overflow:hidden;box-sizing:content-box}.descriptionPopuler h1{text-align:center;padding:1.2vw;margin-bottom:1rem;font-family:Roboto Condensed,sans-serif;font-weight:400;text-transform:uppercase;font-size:3rem;letter-spacing:.6rem}.descriptionPopuler p{line-height:1.6rem;font-family:Nunito,arial,sans-serif;font-size:1.2rem;letter-spacing:.1rem;text-align:center;margin-bottom:1rem}.popularNames{display:flex;flex-direction:row;justify-content:space-evenly;z-index:3;margin:1.2rem 0rem;padding:0rem 1rem}.popularNames div{flex:1}.popularNames h2{color:var(--fontColor);font-family:Roboto Condensed,sans-serif;font-size:3rem;display:flexbox;width:100%;font-weight:bolder;margin:0;text-align:left;letter-spacing:.5rem}.popularNames table{margin:2vw;color:var(--fontColor);border-collapse:collapse}.popularNames tr,td,th{border:1px solid #d3d2d2;padding:10px 20px;text-align:center}.popularNames td{font-family:Montserrat,sans-serif;letter-spacing:.1vw;font-weight:lighter}.popularNames th{color:#fff;background-color:#0d0b3b;font-family:Roboto Condensed,sans-serif;font-weight:800;letter-spacing:.2rem}.Erkek{margin-right:1.7rem}.Kadin{margin-left:1.7rem}.Kadin h2{text-align:right}.search-content{padding:1rem;padding-top:0;display:flex;flex-direction:column}.searchBox{margin:.3rem 0rem 1rem}.searchBox input{width:100%;border-radius:10px;padding:.8rem;letter-spacing:.08rem;font-family:Roboto Condensed,sans-serif;border:3px solid var(--fontColor);font-size:large}.search-content .names{flex:1;display:flex;flex-direction:column;background-color:#f0efef;height:100%;width:100%}@media (max-width: 1100px){.container{flex-direction:column}.sidebar{width:100%}}@media (max-width: 934px){.sidebar{width:100%}#textlogo{color:var(--fontColor);position:absolute;display:block;margin:0rem;line-height:1;font-weight:bolder;font-size:1.4rem;font-family:Nunito,arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.4rem;width:100%;left:50%;top:60%;transform:translate(-50%,-50%);user-select:none}.checkbtn{display:flex;position:relative;justify-content:end;user-select:none}.dropdown{line-height:normal!important;margin:0;position:absolute;left:305px;width:300px;background-color:#fff;display:none;box-shadow:0 2px 4px #0003;transition:all .4s ease-in-out;z-index:5}nav ul{z-index:50;position:fixed;display:flex;flex-direction:column;width:100%;background:#fff;top:59px;left:100%;padding:0;text-align:center;transition:all .5s;border-top:1px solid rgba(202,202,202,.843)}nav ul li{display:block;width:100%;padding:0;line-height:30px;border-top:1px solid rgba(202,202,202,.843);transition:.2s ease-in-out}nav ul li a{display:block;color:var(--fontColor);letter-spacing:3px;font-size:20px;line-height:2.2rem;transition:.3s ease-in-out;font-weight:400}ul li a i{color:var(--fontColor)}#check:checked~ul{left:0}}@media (max-width: 415px){.dropdown{line-height:normal!important;margin:0;position:absolute;left:55px;width:300px;background-color:#fff;display:none;box-shadow:0 2px 4px #0003;transition:all .4s ease-in-out;z-index:5}.cards{flex-direction:column;width:100%}.description{width:100%}.description h2{margin:1rem}.card{margin:.7rem auto}.container{width:100%;padding:0 1vw}.main-info img{width:100%}.main-content .name-cards{width:100%;flex-direction:column}.card-name{margin:.6rem auto}.main-content{width:100%;padding:0 2vw}.sidebar,.categories,.name-info{width:100%}.name-info{padding:1rem}.name-info p{margin:0 .5rem 0 0;font-size:.8em;flex:1;text-align:center}.name-info h2{font-size:1.4rem;font-size:auto;padding:0;flex:1;max-width:100px}.alphabets{margin:0rem .5rem 0rem 0rem}.name-info{padding:.8rem}.mean-info{width:100%;margin:0rem auto;flex-direction:column}.mean-info h4{padding-top:0rem;margin-bottom:.6rem}.mean-koken h4{width:100%}.mean-active p{margin:0rem 1rem .5rem}.makineContainer{flex-direction:column;width:100%}.makineContainer .main{width:100%;padding:0}.makineMean h2{font-size:2.5rem}.carousel img{transform:scale(2.4);top:145px;position:relative;align-items:center}.makine-content{position:relative}.carousel-inner{height:350px}.name-generator-container{display:flex;flex-direction:column;width:100%;height:100%}.name-generator-container hr{margin:0 auto;width:200px}.name-generator-container h2{font-size:1.6rem;padding-top:20px}.name-generator-container h1{font-size:2rem}.gender .buttonContent{font-size:.6rem;display:none}.name-generator-container .gender{justify-content:space-evenly;position:relative;width:100%;top:70px}.gender button{display:flex;align-items:center;justify-content:center;transform:scale(2.5)}.gender button:active,.gender .selected{transform:scale(3)}.overlay{width:100%}.button button{font-size:1.2rem;letter-spacing:.2rem;padding:.6rem 1rem}.button{position:relative;width:100%;top:42px}.name-generator-container h2,hr{position:relative;top:36px}.makine-mean-info{flex-direction:column;justify-content:space-between;align-items:center}.makine-mean-info h4{padding-top:0;margin-bottom:1rem}.containerPopuler{flex-direction:column}.popularNames{flex-direction:column;width:100%}.popularNames h2{text-align:center;margin-bottom:1rem}.Erkek{margin:0;width:100%}.Erkek h2{font-size:2.6rem}.Kadin{margin:0;margin-top:3.5rem;width:100%}.Kadin th{background-color:#6b1645}.Erkek th{background-color:#164c6b}.Erkek table{color:#164c6b}.Kadin table{color:#6b1645}.descriptionPopuler{width:100%}.descriptionPopuler h1{font-size:1.4rem;letter-spacing:.4rem}.descriptionPopuler p{font-size:.8rem;line-height:1.6rem}.overlay{background-color:#0009}#populer-inner img{left:20px;top:150px}.descriptionPopuler p:nth-child(3){display:none}.descriptionPopuler p:nth-child(4){display:none}.descriptionPopuler p:nth-child(5){display:none}.container-error{color:#444;font-family:Nunito,arial,sans-serif;height:100%;display:flex;flex-direction:column;padding:.4rem;margin:auto;align-items:center;justify-content:space-between;text-align:center}.container-error h1{font-size:8rem;margin:4rem 0 1rem}.container-error h5{font-size:1.5rem;margin:0 0 1rem}.container-error h6{font-size:1rem;margin:1.5rem 0 1rem}}@media (max-width: 375px){.main-content img,.card-name-image{width:325px;height:375px}.card-name{width:100%;align-items:center}.description h2{margin:1rem .5rem;letter-spacing:.4rem}.Erkek h2{letter-spacing:.2rem}.Erkek table{margin:0rem}}@media (max-width: 765px) and (min-width: 656px){.main-content img,.card-name-image{width:325px;height:375px}.description{width:100%}.cards{width:100%;justify-content:space-around}.card{margin:0}.main-content{padding:0}.card-name{width:100%;align-items:center;margin:0}.header,.nav,.sidebar{width:100%}}@media (max-width: 656px) and (min-width: 416px){.cards{flex-direction:column;align-items:center;width:100%}.description{width:100%}.name-cards{flex-direction:column;align-items:center}.sidebar{width:100%}}