body,html{padding:0;margin:0;font-family:Outfit,sans-serif;background-color:#fff}a{color:inherit;text-decoration:none}*,.box{box-sizing:border-box}.box{border:1px solid transparent;transition:all .2s cubic-bezier(.77,0,.175,1);border-radius:24px}.box:hover{border:1px solid #f4f5f6;box-shadow:0 30px 40px rgba(119,126,144,.15)}.child:nth-child(2){margin-top:150px}.child:nth-child(3){margin-top:-150px}.modal__bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(35,38,47,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-video;animation-name:modal-video;transition:opacity .3s ease-out;z-index:100}.modal__align{height:100%}.modal__align,.modal__content{display:flex;justify-content:center;align-items:center}.modal__content{width:800px;height:500px;box-shadow:0 40px 32px -24px hsla(0,0%,6%,.12);border-radius:24px;background:transparent;color:#000;margin:0 4rem}.modal__video-style{border:none}.modal__video-align{display:flex;position:relative;bottom:90px;height:100%}.modal__video-style{border-radius:20px;z-index:100}@media (max-width:414px){.child:nth-child(2),.child:nth-child(3){margin-top:0}.modal__content{margin:0 32px;width:100%;height:400px}.modal__video-style{width:100%}.modal__video-align{bottom:0}}