.header{background-color:#141234;height:auto;display:block;margin:auto;color:#36d1dc}.header h1{font-size:60px;text-align:center;margin:auto}.header p{font-size:24px;margin:auto;text-align:center}img{height:100%;max-height:313px;width:100%;max-width:600px;margin:auto}*{margin:0}body{font-family:Outfit;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.container{display:flex;align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:0}.box{width:400px;height:auto;text-align:center;border:1px solid rgba(0,0,0,.125);background-color:#fff;border-radius:.25rem;margin:30px 14px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition:transform .2s}.box h1,p{margin:0;padding:3px}.box img{margin:0;width:100%;min-height:313px;cursor:pointer}.hyper{cursor:pointer}.sub{text-align:center;font-size:40px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-head{padding:6px 16px;background-color:#141234;display:flex;justify-content:space-between;font-size:32px;color:#36d1dc}.modal-content{position:fixed;background:white;width:70%;min-height:200px;height:auto;top:30%;left:50%;transform:translate(-50%,-50%);animation-name:animatetop;animation-duration:.4s}.modal-body{text-align:left;margin-left:10px;font-size:300px}.modal-body{text-align:left;font-size:28px;padding-top:18px}.modal-body a{text-decoration:none;color:#000;margin:0}.modal-body a:hover{text-decoration:underline}@keyframes animatetop{0%{top:-30%;opacity:0}to{top:30%;opacity:1}}.close{padding:0 6px;border-radius:4px}.close:hover{cursor:pointer;background-color:gray}.footer{margin-top:auto;min-height:7vh;height:auto;width:100%;background-color:#141234;display:flex;align-items:center;color:#36d1dc}.footer a{color:#36d1dc}.footer p{text-align:center;margin:auto}