*{
	margin:0px;
	padding:0px;
	font-family: "Inter", sans-serif;
}
nav{
	background-color:white;
	width:100%;
	height:70px;
	display:grid;
	grid-template-columns:220px 55% 95px 80px 85px 100px;
	font-size:15px;
	position:fixed;
	top:0%;
}
.S{
	background-color:;
	height:67px;
}
.S img{
	height:60px;
	width:168px;
	margin:4px 0px 0px 0px;
	transition:Transform 1s;
}
.S img:hover{
	transform:scale(1.1,1.1);
}
nav div img{
	padding-left:40px;
}
nav div input{
	padding:9px 7px 5px 7px;
	width:80%;
	margin:0px 0px 0px 0px;
	outline:none;
	border:none;
	background-color:transparent;
	font-size:18px;
}
.search{
	background-color:#F6F6F6;
	height:40px;
	width:80%;
	border-radius:20px;
	margin:8px 0px 0px 0px;
	padding:2px 0px 0px 20px;
	font-size:15px;
}
.search:hover{
	background-color:#EDEDEE;
}
.search span{
	font-size:20px;
	color:grey;
}
.search:hover span{
	color:black;
}
.search ~ div{
	margin:20px 0px 0px 0px;
}
.B{
	background-color:;
	padding:10px 10px 10px 10px;
	border-radius:10px;
}
.B:hover{
	background-color:#F6F6F6;
}
.border{
	border:1px solid grey;
}
.border2{
	background-color:#00AB6B;
}
main{
	background-color:;
	margin:7% 30px 0px 25px;
}
.poster{
	background-color:;
	background-image: url("./img/BG1.png");
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
	border-radius:20px;
	color:white;
}
.poster h1{
	text-align:center;
	padding:5% 0px 0px 0px;
}
.option{
	background-color:;
	display:grid;
	grid-template-columns:auto auto auto auto auto auto auto auto auto;
	margin:25px 21.5% 0px 22%;
	font-size:15px;
	font-weight:bold;
	gap:0.5%;
	color:#D6D3D1;
}
.option div{
	background-color:;
	border-radius:5px;
	padding:5px;
	text-align:center;
}
.one{
	background-color:white;
}
.option div:hover{
	background-color:#293540;
}
.search2{
	background-color:#4F5760;
	width:64%;
	margin:15px 0px 0px 17%;
	border-radius:20px;
	padding-left:15px;
}
.search2:hover{
	background-color:#A6A09B;
}
.search2 input{
	width:95%;
	margin-left:%;
	padding:10px;
	font-size:18px;
	border-radius:20px;
	outline:none;
	border:none;
	background-color:transparent;
}
.option2{
	display:grid;
	grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto;
	background-color:;
	width:70%;
	margin:20px 0px 0px 14.5%;
	gap:1.5%;
	text-align:center;
}
.option2 div{
	background-color:#4F575F;
	padding:5px;
	border-radius:5px;
	transition:Transform 0.5s;
}
.option2 div:hover{
	background-color:#A6A09B;
	transform:scale(1.2,1.2);
}
.featured{
	background-color:;
	display:flex;
	margin:6.5% 10px 0px 10px;
}
.Dis{
	display:flex;
}
.Dis img{
	border-radius:20px;
	margin:5px 10px 0px 0px;
}
.two{
	margin:4% 0px 0px 0px;
}
.two p{
	margin:2px 0px 0px 0px;
}
.two small{
	color:grey;
}
.two small:hover{
	color:white;
}
.img{
	background-color:;
	margin: 40px 0px 0px 33%;
}
.C{
	margin:27px 0px 0px 25%;
	color:grey;
}
.C b:hover{
	color:white;
}
.project{
	background-color:;
	width:100%;
	margin:10% 0px 0px 0px;
}
.pre{
	background-color:;
	display:grid;
	grid-template-columns:auto auto auto auto;
	margin:20px 0px 0px 0px;
}
.pre > div{
	border:1px solid grey;
	display:flex;
	width:93%;
	border-radius:10px;
	background-color:;
	transition:Transform 1s;
}
.pre > div:hover{
	transform:scale(1.1,1.1);
}
.side{
	margin:20px 0px 0px 20px;
	background-color:;
	font-size:18px;
}
.pre > div img{
	width:100px;
	height:80px;
	border-radius:10px;
}
.left1{
	margin-left:95%;
}
.left2{
	margin-left:94%;
}
.left3{
	margin-left:96%;
}
.images{
	background-color:;
	width:100%;
	margin:10% 0px 0px 0px;
}
.photo{
	background-color:;
	margin:15px 0px 0px 0px;
}
.grid{
	display:grid;
	grid-template-columns:auto auto auto;
	margin:20px 0px 0px 0px;
}
.img1{
	background-image: url("./img/daniil_kondrashin-woman-10486114_1920.jpg");
	height:650px;
	width:98%;
	background-repeat:no-repeat;
	background-size:cover;
}
.img2{
	background-image: url("./img/wolfgang_hasselmann-forest-10458298_1920.jpg");
	height:650px;
	width:98%;
	background-repeat:no-repeat;
	background-size:cover;
}
.img3{
	background-image: url("./img/Screenshot 2026-10-11 153011.png");
	height:650px;
	width:98%;
	background-repeat:no-repeat;
	background-size:cover;
}
.first{
	background-color:;
	display:grid;
	grid-template-columns:55% 13% 17% 13%;
	color:white;
	font-weight:bold;
	padding:5px 7px 5px 10px ;
	font-size:20px;
	margin:10px 0px 0px 0px;
	/* display:none; */
}
/* .img1:hover .first{ */
	/* display:block; */
/* } */
.first div{
	background-color:;
	margin:0px 5px 0px 5px;
	padding:5px 5px 5px 5px;
}
.hey ~ div{
	background-color:#322021;
	margin:0px 5px 0px 5px;
	text-align:center;
	padding:7px 0px 7px 0px;
	border-radius:20px;
}
.second{
	background-color:;
	display:grid;
	grid-template-columns:50% 50%;
	color:white;
	font-weight:bold;
	padding:5px 7px 5px 5px ;
	margin:125% 0px 0px 0px;
	/* display:none; */
}
.second div{
	padding:9px 5px 8px 5px;
}
.hey2 ~ div{
	margin-left:20%;
	border:1px solid white;
	border-radius:20px;
}
.logo{
	background-color:yellow;
	padding:6px 5px 6px 10px;
	border-radius:20px;
	color:black;
	margin:0px 5px 0px 0px;
}
.logo2{
	background: #e12dfd;
	background: linear-gradient(0deg,rgba(225, 45, 253, 1) 0%, rgba(45, 229, 253, 1) 100%);
	padding:6px 10px 6px 10px;
	border-radius:20px;
	font-weight:bold;
	margin:0px 5px 0px 0px;
}
/* .img1:hover .second{ */
	/* display:block; */
/* } */
.Collection{
	background-color:;
	width:100%;
	margin-top:10%;
}
.Collection h2 + div{
	background-color:#DBDBDB;
	margin:20px 0px 10px 0px;
	width:19%;
	padding:10px;
	border-radius:20px;
}
.Collection h2 + div span{
	margin:0px 10px 0px 0px;
}
#dev{
	background-color:#FFFFFF;
	padding:6px 10px 7px 10px;
	border-radius:20px;
}
#dev b{
	color:green;
}
.album{
	display:grid;
	grid-template-columns:auto auto auto auto;
	background-color:;
	padding:10px 30px 10px 30px;
	margin-top:0px;
}
.album div{
	background-color:;
	display:flex;
	padding:5px 0px 5px 10px;
	width:70%;
}
.album div img{
	border-radius:10px;
}
.F1 img:hover{
	filter:blur(1px);
}
.F2 img:hover{
	filter:brightness(1%);
}
.F3 img:hover{
	filter:contrast(1%);
}
.F4 img:hover{
	filter:drop-shadow(1px 1px 1px red);
}
.F5 img:hover{
	filter:grayscale(100%);
}
.F6 img:hover{
	filter:hue-rotate(90deg);
}
.F7 img:hover{
	filter:invert(20%);
}
.F8 img:hover{
	filter:opacity(20%);
}
.F9 img:hover{
	filter:saturate(5%);
}
.F10 img:hover{
	filter:sepia(50%);
}
.album div span + span{
	margin:10px 0px 0px 20px;
}
footer{
	background-color:;
	height:430px;
	margin:17% 0px 0px 0px;
	border-top:1px solid grey;
}
.dev{
	margin:3% 30px 0px 30px;
	background-color:;
	display:grid;
	grid-template-columns:55% 45%;
}
.L{
	margin-left:3%;
}
.dev div p small{
	font-size:16px;
}
.B2{
	margin-top:19%;
	background-color:;
	padding:5px;
}
.B2 span{
	margin:0px 10px 0px 10px;
	font-size:25px;
}
.dev2{
	display:grid; 
	grid-template-columns:auto auto auto; 
	gap:20px;
	padding-left:12%;
}
.dev div ~ div ul li{
	list-style-type:none;
	margin:17px 0px 17px 0px;
	background-color:;
}
.dev div ~ div h3{
	background-color:;
	height:20px;
}