@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Roboto:wght@300;500;700&display=swap);body{font-family:Roboto,sans-serif;margin:0;padding:0}.app{background-color:#0d0d0d;display:flex;height:100vh;justify-content:center}.container{color:#e6cf9f;display:flex;flex-direction:column;max-width:1100px;padding-inline:20px;width:100%}.upper{display:flex;height:22vh}.link,.text{flex:1 1}.link{display:flex;justify-content:left;text-align:right}.link p{cursor:pointer;font-size:clamp(14px,2vw,22px);font-weight:300;width:21ch}.text{display:flex;justify-content:right;text-align:right}.text p{font-size:clamp(14px,2vw,22px);font-weight:300;width:21ch}.line{background-color:#e6cf9f;height:100%;margin-inline:clamp(10px,1vw,30px);width:3px}.bottom{align-items:flex-end;display:flex;height:22vh}.test2{display:flex;justify-content:flex-start}.test2 p{text-align:left;width:6ch}.test1 p{width:10ch}.middle{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.middle h1{font-size:clamp(36px,30vw,90px);font-weight:300;margin-block:10px}.header{display:flex;justify-content:space-between}.names{align-items:center;display:flex;margin-left:-20px}.bride{text-align:right}.bride,.groom{font-weight:300;width:10ch}.groom{text-align:left}.middle-line{border:1px solid #e6cf9f;border-radius:50%;height:15px;margin-inline:clamp(5px,1vw,15px);position:relative;width:15px}.small-dot{background-color:#e6cf9f;border-radius:50%;height:4px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-40%,-40%);transform:translate(-40%,-40%);width:4px}.title h2{display:inline-block;font-size:clamp(22px,3vw,38px);position:relative}.title h2:after{background-color:red;bottom:0;height:2px;left:0;position:absolute;right:0}.main{justify-content:space-between;overflow:hidden}.main,.main-img{display:flex;height:100%}.main-img{align-items:center}.main-img img{height:80%;max-height:450px}.main-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center}.main-contianer{margin-block:20px}.main h2{font-weight:400;margin:0}.main h3{font-weight:300;margin:0;max-width:40ch}.footer{display:flex;justify-content:flex-end}.footer-text{align-items:flex-end;display:flex;flex-direction:column;padding-block:20px}.footer .line{margin-inline:5px}.footer h3{font-weight:28px;font-weight:300;margin:5px}@media only screen and (max-width:500px){.main-img{display:none}}
/*# sourceMappingURL=main.126e4768.css.map*/