DmitriyB
79 lines
1.2 KiB
CSS
79 lines
1.2 KiB
CSS
|
|
.content__container {
|
|
height: 100vh;
|
|
width: 400px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-width: 0px 2px;
|
|
border-style: solid;
|
|
border-color: #23242a;
|
|
}
|
|
|
|
.popup-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.popup {
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
background: transparent;
|
|
padding: 56px;
|
|
box-sizing: border-box;
|
|
z-index: 99;
|
|
}
|
|
|
|
.card-title-container {
|
|
margin-top: 136px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: 64px;
|
|
}
|
|
|
|
|
|
|
|
.popup-img-container {
|
|
height: 94px;
|
|
width: 100%;
|
|
padding: 0 21px 16px 0;
|
|
margin-bottom: 32px;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.popup-logo {
|
|
height: 78px;
|
|
width: 267px;
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
.popup-button-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
.line {
|
|
height: 1px;
|
|
background-color: #23242A;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.popup-img-container {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 640px) {
|
|
.popup-connect {
|
|
padding: 16px;
|
|
}
|
|
} |