section {
padding: 0;
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.pagination ul {
padding: 10px 30px;
font-size: 0;
}
.pagination li {
display: inline-block;
margin: 30px;
flex:25%;
background: #b1d0cd;
width: 220px;
height: 220px;
border-radius: 50%;
transition:1500ms;
}
.pagination li:hover{
background: #f7e0d7;
}
.pagination li:hover button h1{
color: #006c67;
}
.pagination li:hover button p{
color: #706f6f;
}
.pagination .dots {
position: absolute;
z-index: 1;
background-color: white;
-webkit-filter: blur(15px) contrast(75);
}
.pagination .dots .select {
position: absolute;
left: -20px;
top: -10px;
width: 200px;
height: 200px;
background: red;
}
.pagination .dots .dot {
background-color: red;
filter: blur(15px);
}
.pagination .buttons {
position: relative;
z-index: 2;
}
.pagination .buttons .button button {
width: 100%;
height: 100%;
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1;
color: #fff;
background-color: transparent;
border: 0;
cursor: pointer;
outline: none;
}
.pagination .buttons .button button h1{
font-family: sans-serif;
transition:1s;
font-size:28px;
}
.pagination .buttons .button button p{
font-family: Roboto;
transition:1s;
font-size:22px;
}
фулл стек и гейм девоп это круть не хватает андроид и айос :)
дизайн здесь вообще ни при чем