.modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);}.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 400px;}.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}#modal2 {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, .5);display: flex;z-index: 333;justify-content: center;align-items: center;}.modal__window {position: relative;width: 30%;background-color: white;text-align: center;padding: 1em 1em;}.text090 {font-size: 16px;}.modal__close {position: absolute;top: -11px;right: -8px;background: url("../css/button-close.png") no-repeat;z-index: 999999;width: 23px;height: 23px }#modal2:not(:target) {visibility: hidden;opacity: 0;}@media screen and (max-width:768px) {.modal__window {position: relative;width: 94%;background-color: white;padding: 4em 2em;}}@media screen and (max-width:640px) {.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 98%;}.modal__window {position: relative;width: 94%;background-color: white;padding: 2em 1em;border-radius: 15px;}}