body{background-color:#f5f5f5;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center}.main-content{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.main-content img{width:10em}.main-content h1{font-size:1em}.main-content .buttons{display:flex;gap:1em}.main-content .buttons button{background-color:transparent;width:8em;padding:.5em 1em;border-radius:1em;border:.1em solid}.main-content .buttons .confirm{margin-left:10em;border-color:green;box-shadow:inset 0 0 1em green}.main-content .buttons .decline{position:fixed;border-color:red;box-shadow:inset 0 0 1em red}.modal{z-index:1000;background-color:#8484848e;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .modal-content{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:40%;width:80%;border-radius:1em}.modal .modal-content h1{font-size:1em}.modal .modal-content img{width:60%}@media(min-width:768px){body{text-align:center}.main-content{top:50%}.main-content img{width:15em}.main-content h1{font-size:1.8em}.buttons{justify-content:center;gap:5em}.confirm{width:10em;font-size:1em}.buttons .decline{width:10em;margin-right:8em;font-size:1em}.modal .modal-content{width:40%;height:auto;padding:2em}.modal .modal-content h1{font-size:1.5em}.modal .modal-content img{width:40%}}