@font-face{font-family:'tangentlight';font-display:swap;src:local(tangentlight),url(../fonts/tangent-light-webfont.woff2) format("woff2"),url(../fonts/tangent-light-webfont.woff) format("woff"),url(../fonts/tangent-light-webfont.ttf) format("truetype");font-weight:400;unicode-range:U+000-5FF;font-style:swap}
h1{font-family:tangentlight}
.img{text-align:center}
.content{margin-top:2rem}
.content .desc{padding-top:14rem;padding-left:7rem}
.content .desc h1{padding:1rem 0}
.content .desc > p{max-width:88%}
.app-preview{position:fixed;top:100px;right:-200px;width:1000px}
.app-preview iframe{position:fixed;z-index:99999;right:253px;top:245px}
footer{text-align:left;padding:2rem 5rem 5rem 6.2rem}
footer a{color:#000;text-decoration:none}
footer a:hover{text-decoration:underline;color:#000}
.app-preview:after{content:'';display:block;width:632px;height:119px;background:no-repeat url(../img/notch.png);background-size:contain;position:fixed;z-index:9999999;top:216px;right:165px}
@media only screen and (max-device-width: 768px) {
.app-preview{position:relative;right:auto;top:auto;max-width:100%}
.app-preview img{max-width:80%;padding-bottom:1rem}
.app-preview:after,.app-preview iframe{display:none}
.content .desc{padding-top:1rem;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);text-align:center}
.content .desc p{max-width:100%}
#apple-id{text-align:left}
.modal-footer{display:inline-block;text-align:center}
.col.col-3{width:100%}
footer{text-align:center;padding:2rem 5rem}
}