/* flex */ @font-face { font-family: Cormorant; src: url("CormorantGaramond-Regular.ttf"); } @font-face { font-family: CormorantSB; src: url("CormorantGaramond-SemiBold.ttf"); } @font-face { font-family: Montserrat; src: url("Montserrat-Light.ttf"); } @media (max-width: 600px) { .SBLcNjgbqJDheqmhBUUThwnLmgJuZQPAnYsLfSRHcMpQBZsQjfeMFtpfprvAmQuhAWdJguomPVpabeAdyrcrDiRviLpKSjMHMhxc{ width: 100%; } } @media (min-width: 600px) { .SBLcNjgbqJDheqmhBUUThwnLmgJuZQPAnYsLfSRHcMpQBZsQjfeMFtpfprvAmQuhAWdJguomPVpabeAdyrcrDiRviLpKSjMHMhxc{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #f7f1ec; display: flex; justify-content: center; font-family: Montserrat; flex-direction: column; } .qoNzaRsniKigTPvfwPxadAbiPfHSAaPAIdgvhMYHXkoyqSZkFFkYTFoCUNGrUlAaoXNDJdIBaDrvRIYYHSBPKaEdYsvATIofgdVv{ display: flex; } .DubYVYIFleCuQWEMuPVzsEwXTCeTZrXutLbeaUGrmHhSfcSlgqblSWKcAIEbawPJdZekYgAisppUDbHRaeTBuJXKNrwzDbLyDLuJ{ align-items: center; } .KpAhwXkCtlVMfRMrJNyyTCPnVzcvGrEiGxNcnvchJCRSnNeukjxHUJsJoqJsDUwzafWdGdOeoeIjwCwEkVsGBdsNbyYjkfsVkQiH{ text-align: center; } .RRGwRgMuOLxcQBpVbqwDjAaaTEIOvQrKqtgjIzgSpdhDygkTzFzFaFOVuQwkLXuJpHkiOPwGiayQORXSGIMfSkRBBPhmqxxRzZTw{ justify-content: center; } .VPxjsBwXDEpLIbKvtprQztKyQwBRfnWgfcdJujnBPwtRLAItHwsJNoQardihqsGrWsoTmfuGrlDzBtunZNTrptUCHprchjhyAzKP{ justify-content: space-between; } .around{ justify-content: space-around; } .nnfotVBaXaOyEemTQoGLRFCyeGutIbvvPZvxVfSjBFNXsKXLSVoeuMkpZIVFHTDtgFmQswmZPlsBGtjvjpCpwCtyKUGXdYNiLOmb{ flex-direction: column; } .PqzhvnrCqOBLKyqZqoKbXqDQLTyzaYjFOFwoodGPpDdCoHqkLnRmFfFwXUnZYwqqyFskmssEmuCkfJDpSNIphLzVnnbGiivgBYWS{ flex-direction: row; } .TvtjYHGHyVtoZGQVDJFOKGZdwUQbEMgwhUjLTRKvfxbZeRKfRpJsiauftZNBwEUHCIaVDbduEdgFRwzoxZrvLbUKTSCdbHEPMYfJ{ width: 100%; } .h{ height: 100vh; } /* flex */ /* STYLE */ .AiHZEJSlBACBHFmzKSoESWcYqazlkTNoYbllxjZMsNjFFgCcmUuAmrJbTxYOsbroemCBJebWLYJtbLTnaNBqEntmYQZxduMhKnte{ width: calc(100% - 30px); margin-left: auto; margin-right: auto; padding: 15px; font-size: 50px; position: relative; } .AiHZEJSlBACBHFmzKSoESWcYqazlkTNoYbllxjZMsNjFFgCcmUuAmrJbTxYOsbroemCBJebWLYJtbLTnaNBqEntmYQZxduMhKnte .fEOOHVAALNEtFxFglxoMIbzGPTSwBfNnxdtknqtJxzfJJiBZlgmqFKomAEQecFjSfVAYuiuIOqyzswZTkWOrBAWGtyOdnnnfHCBL{ font-family: Montserrat; font-size: 19px; text-transform: lowercase; justify-content: center; display: flex; margin-left: -90px; font-weight: 600; } .AiHZEJSlBACBHFmzKSoESWcYqazlkTNoYbllxjZMsNjFFgCcmUuAmrJbTxYOsbroemCBJebWLYJtbLTnaNBqEntmYQZxduMhKnte .UgDghyTpBhasGruVvKcWqTrgpHFfHOLfTElnRbrjmYuqXYpRZNtdaczLuNOKXMiDCOXkiOJcLrgWfmAgoquxqJHOicfTzabkDIoS{ font-size: 17px; text-transform: lowercase; font-family: Montserrat; } .AiHZEJSlBACBHFmzKSoESWcYqazlkTNoYbllxjZMsNjFFgCcmUuAmrJbTxYOsbroemCBJebWLYJtbLTnaNBqEntmYQZxduMhKnte .oKrQlMGgqHcvCELCpyryBKqvjUBWDEEXfGNBRKGoEvPGXyLjVEIEEBKawHLWtvgJRFMafSBnygaKlYgZmqpqVioIoggEcQKfkqjA{ text-transform: uppercase; font-size: 41px; font-family: CormorantSB; } .AiHZEJSlBACBHFmzKSoESWcYqazlkTNoYbllxjZMsNjFFgCcmUuAmrJbTxYOsbroemCBJebWLYJtbLTnaNBqEntmYQZxduMhKnte .oKrQlMGgqHcvCELCpyryBKqvjUBWDEEXfGNBRKGoEvPGXyLjVEIEEBKawHLWtvgJRFMafSBnygaKlYgZmqpqVioIoggEcQKfkqjA .UgDghyTpBhasGruVvKcWqTrgpHFfHOLfTElnRbrjmYuqXYpRZNtdaczLuNOKXMiDCOXkiOJcLrgWfmAgoquxqJHOicfTzabkDIoS{ text-transform: lowercase; font-size: 18px; font-family: Arial; } .BgvpLngILfOEtSDlwqnAHeZztjtSwRqxfCQMFQLEyrSLIraBwrDYYgNfLTYwmOXJbnJuRcBWRNuAYTttbNuIWiCFoPypCFcFbtaG{ height: 430px; gap: 15px; } .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW{ background-image: url("demo1.jpg"); background-repeat: no-repeat; background-size: cover; /* height: 100%; */ background-position: center; /* width: 600px; */ } .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW.ttUrtfIJjhUSwLmtWKVHIbUmoVJMJHPYnxorOITXUGMZQssfssekpjAMPTuqsmJPjraiZNzgQXZKYRTbsuCnFolNbwUPfHHkOWRE{ background-position: left; } .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW.HVFuXTkegWriHdjlbPgViLrZDbbMLRMyPUutHpWevTUkzHaXqbrqhSgHLreNZFcPLfwDoagnqnVZNbDEtIumskgFijkPQrNRKmNu{ background-position: right; } .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW.ttUrtfIJjhUSwLmtWKVHIbUmoVJMJHPYnxorOITXUGMZQssfssekpjAMPTuqsmJPjraiZNzgQXZKYRTbsuCnFolNbwUPfHHkOWRE, .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW.HVFuXTkegWriHdjlbPgViLrZDbbMLRMyPUutHpWevTUkzHaXqbrqhSgHLreNZFcPLfwDoagnqnVZNbDEtIumskgFijkPQrNRKmNu{ width: 12%; } .UCpAbTtVTkDTsBUzUcrOEKKWvPwfwoTDtXxkIHiVodgZMpgNUhEzVsUTaIPSFoEoCiamRYkQlTfvrkJSBBaefLfHjZWCkXYZClvW.rXHLUYdADUnuGaTbCTwueUYQIyQAakDFLtzRWRClpKrwBddAuLvwgiFFwuSRhPWjrTOZSIFTkiGvzibGFfdqjxQNIosesFLTMAxk{ width: 76%; } /* 2 */ .uZOZgpOuyUdRKTkDBmwYzJHoWBYZHRMjaaOrdGlREeYljgcIFbUoDoBXYlEeeinAdZpGUVBcSbhSDZUFTYZaATxbmRqigbMAOUNT{ height: 357px; gap: 15px; margin-top: 50px; } .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc{ background-image: url("demo3.jpg"); background-repeat: no-repeat; background-size: cover; /* height: 100%; */ background-position: center; /* width: 600px; */ } .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc.ttUrtfIJjhUSwLmtWKVHIbUmoVJMJHPYnxorOITXUGMZQssfssekpjAMPTuqsmJPjraiZNzgQXZKYRTbsuCnFolNbwUPfHHkOWRE{ background-position: left; } .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc.HVFuXTkegWriHdjlbPgViLrZDbbMLRMyPUutHpWevTUkzHaXqbrqhSgHLreNZFcPLfwDoagnqnVZNbDEtIumskgFijkPQrNRKmNu{ background-position: right; } .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc.ttUrtfIJjhUSwLmtWKVHIbUmoVJMJHPYnxorOITXUGMZQssfssekpjAMPTuqsmJPjraiZNzgQXZKYRTbsuCnFolNbwUPfHHkOWRE, .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc.HVFuXTkegWriHdjlbPgViLrZDbbMLRMyPUutHpWevTUkzHaXqbrqhSgHLreNZFcPLfwDoagnqnVZNbDEtIumskgFijkPQrNRKmNu{ width: 30%; opacity: .8; } .BZCsnBTevqEXQXKSXkrBVpYAvNEiOfAIZGDITmlIypXhsbazMqBUwxitPePPsUUNkLdawUGvyCMtrsogXtRsTSZnhTDRTIbFZjEc.rXHLUYdADUnuGaTbCTwueUYQIyQAakDFLtzRWRClpKrwBddAuLvwgiFFwuSRhPWjrTOZSIFTkiGvzibGFfdqjxQNIosesFLTMAxk{ width: 70%; } button{ margin-left: auto; margin-right: auto; margin-top: 20px; border: 2px #4a463b solid; background-color: #f7f1ec; cursor: pointer; font-size: 15px; font-weight: 600; width: 76%; height: 38px; font-family: 'Montserrat'; /* text-transform: lowercase; */ color: black; } .rRNRcpDqavnLcWBmjgPGnTYGIgGUtQkpLJyAbpSoPQGhrxyMoIxgtqrEjVJuNVZwyBWhbOjMhxhLAQFAbmihuIkDyoKaEVaLjZKx{ gap: 15px; margin-top: 10px; } .rRNRcpDqavnLcWBmjgPGnTYGIgGUtQkpLJyAbpSoPQGhrxyMoIxgtqrEjVJuNVZwyBWhbOjMhxhLAQFAbmihuIkDyoKaEVaLjZKx .ttUrtfIJjhUSwLmtWKVHIbUmoVJMJHPYnxorOITXUGMZQssfssekpjAMPTuqsmJPjraiZNzgQXZKYRTbsuCnFolNbwUPfHHkOWRE, .rRNRcpDqavnLcWBmjgPGnTYGIgGUtQkpLJyAbpSoPQGhrxyMoIxgtqrEjVJuNVZwyBWhbOjMhxhLAQFAbmihuIkDyoKaEVaLjZKx .HVFuXTkegWriHdjlbPgViLrZDbbMLRMyPUutHpWevTUkzHaXqbrqhSgHLreNZFcPLfwDoagnqnVZNbDEtIumskgFijkPQrNRKmNu{ width: 12%; } .vtGXnDFleQWpImmawvcQJoWsUIRgxemFadbMbEmExfQAOSIPzwKLeQJvxRluVKVmXrNrCcJIjnoKSARpLfvVvuOpEGaoxYCmWruM { align-items: center; margin-top: 40px; margin-bottom: 20px; } .vtGXnDFleQWpImmawvcQJoWsUIRgxemFadbMbEmExfQAOSIPzwKLeQJvxRluVKVmXrNrCcJIjnoKSARpLfvVvuOpEGaoxYCmWruM .dGtkWNrlwWqdGYYKjvQtPRKLqwYMmwKgzPNihjyrBWoWvriobYJbLrDCnPVDKTVgCkPgGHPzzMUhVbZkPpMONniKdzlTwJQKyVvd { height: 2px; width: 15%; background: black; } .vtGXnDFleQWpImmawvcQJoWsUIRgxemFadbMbEmExfQAOSIPzwKLeQJvxRluVKVmXrNrCcJIjnoKSARpLfvVvuOpEGaoxYCmWruM .ErXevgMztmhrRSofwkdpfsTIFLvodAdCyjxKmBSseHXsMBtudYYATIHkEoZHfSyGtQuofIjoQKUqjgCXRLKgjUZcxeXIlBpqDzsb { width: 70%; display: flex; justify-content: center; font-family: 'CormorantSB'; font-size: 23px; text-align: center; } h2{ font-size: 33px; margin-top: 5px; } .qXNrydNzApiPoaMpsDgzllyyOnSJvmlsLXSmGYltOXblnEsvkjHxdbvBsctDzdiHRuQWfltfsLlQwdZerLlRSiWBkafeFveItqkW{ background-image: url("demo2.jpg"); height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); } .RiqJxbkPshlaVFubataTQCjfLzIaaPHKiqinoAxjSHflWttZsdmCDATgIJSGPiidvySiTPRIZRCTHZLHlJqJmVkXMulLrJneYkvs{ display: g; } .RiqJxbkPshlaVFubataTQCjfLzIaaPHKiqinoAxjSHflWttZsdmCDATgIJSGPiidvySiTPRIZRCTHZLHlJqJmVkXMulLrJneYkvs h2{ font-family: CormorantSB; font-size: 47px; text-transform: uppercase; margin-top: 30px; text-align: center; margin-bottom: 26px; } .RiqJxbkPshlaVFubataTQCjfLzIaaPHKiqinoAxjSHflWttZsdmCDATgIJSGPiidvySiTPRIZRCTHZLHlJqJmVkXMulLrJneYkvs p{ font-family: Montserrat; font-size: 18px; text-align: center; } .CLnLlLSDdLZdlvwaMFubCmwtVknZrPRbwGnjFAnODrJQdVbFXDTgUToAjtHWhZvXFIoqupFjLoEhqbTbFLeQMOuIOWnimlRSFlJa{ height: 130px; background-image: url("line.png"); background-position: center; background-size: contain; background-repeat: no-repeat; } .lEAqYDiCWbGtgluwcdpAbjHLTwRAHtcPGNUSXENXPxljpbakOryCyFhDSSiPgGZCBPyiJwNFlclJCGyfMZKGNroxFQYEkNJLEpvP h1{ font-family: CormorantSB; font-size: 40px; margin: 0; margin-bottom: 20px; } .lEAqYDiCWbGtgluwcdpAbjHLTwRAHtcPGNUSXENXPxljpbakOryCyFhDSSiPgGZCBPyiJwNFlclJCGyfMZKGNroxFQYEkNJLEpvP .YVCfhuYeQnZPJJCVxpbkQeOqNntONyKHcLeAEupYBnDSRmzmpEHYHrlYtVKsvcQnlWrxWDNHuENYVjDiaCQBDrIoyZgnvOWeWyIZ{ margin-top: 20px; width: 80%; margin-left: 10%; } .YVCfhuYeQnZPJJCVxpbkQeOqNntONyKHcLeAEupYBnDSRmzmpEHYHrlYtVKsvcQnlWrxWDNHuENYVjDiaCQBDrIoyZgnvOWeWyIZ .dGtkWNrlwWqdGYYKjvQtPRKLqwYMmwKgzPNihjyrBWoWvriobYJbLrDCnPVDKTVgCkPgGHPzzMUhVbZkPpMONniKdzlTwJQKyVvd{height: 1px;background: black;width: 30px;margin: 14px;} .YVCfhuYeQnZPJJCVxpbkQeOqNntONyKHcLeAEupYBnDSRmzmpEHYHrlYtVKsvcQnlWrxWDNHuENYVjDiaCQBDrIoyZgnvOWeWyIZ .KeGlODAavGfUSROqUjZMNBnyOiequAOknBLAZxSuGEvJDNmqfcMSGyaDNYOXaFpQbSKfKBNMWygVxcFVcRRtylAkFDhXVylBlHVN{font-size: 25px;} .YVCfhuYeQnZPJJCVxpbkQeOqNntONyKHcLeAEupYBnDSRmzmpEHYHrlYtVKsvcQnlWrxWDNHuENYVjDiaCQBDrIoyZgnvOWeWyIZ .ErXevgMztmhrRSofwkdpfsTIFLvodAdCyjxKmBSseHXsMBtudYYATIHkEoZHfSyGtQuofIjoQKUqjgCXRLKgjUZcxeXIlBpqDzsb{/* font-size: 18px; */} .VyCUobLvYfAaMHKHsRIaqOTObQtdcZnzdwEzGFlgDoEYETDUNaWbJCxudgdyepLzxfrNEzEuWpNMvkBKLGqoFyfWOiCioKbEQrAN h1{ font-family: CormorantSB; font-size: 40px; margin-bottom: 20px; } .underline { text-decoration: underline; } .vzmKMkhcxXQKWYpqhtfgkKcSxENxlxlgGdlfaKUYSKfQDHixbOJnMgaijgktdZxbbkKzMHQqrDxkEvQHRJlajApftbYMSNKjxoLW{ height: 250px; background-image: url("demo4.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } .EXqOHYPMXqybvcmXMRlEusfIyQMcqMOpwljgiKjUxzHfFoRIAhlJVpaJlOqheFmayCvDwsAtVsTAdxxvjaBjibROxUAdnLMRUwhp{ } .EXqOHYPMXqybvcmXMRlEusfIyQMcqMOpwljgiKjUxzHfFoRIAhlJVpaJlOqheFmayCvDwsAtVsTAdxxvjaBjibROxUAdnLMRUwhp input{ /* margin-top: 20px; */ margin-bottom: 20px; border: 2px #4a463b solid; background-color: #f7f1ec; font-size: 14px; font-weight: 600; width: 66%; height: 36px; font-family: 'Montserrat'; padding-left: 20px; } .mnHnvYYutkcIuIqiDIjpQpIWzwpZEXWEEGwcIKJACPWrCXOEOykOnpGIJmrgXquHrEJYWJIQLjEEKjRtHYknuzfQWoFcfFuBkbKN{ width: 73%; } .mnHnvYYutkcIuIqiDIjpQpIWzwpZEXWEEGwcIKJACPWrCXOEOykOnpGIJmrgXquHrEJYWJIQLjEEKjRtHYknuzfQWoFcfFuBkbKN input{ width: 20px; height: 20px; background-color: #f7f1ec; border: #4a463b solid 2px; cursor: pointer; position: absolute; margin-top: 0px; } .mnHnvYYutkcIuIqiDIjpQpIWzwpZEXWEEGwcIKJACPWrCXOEOykOnpGIJmrgXquHrEJYWJIQLjEEKjRtHYknuzfQWoFcfFuBkbKN span { padding: 10px; } .mnHnvYYutkcIuIqiDIjpQpIWzwpZEXWEEGwcIKJACPWrCXOEOykOnpGIJmrgXquHrEJYWJIQLjEEKjRtHYknuzfQWoFcfFuBkbKN span label{ margin-left: 42px; } .hidden{ transition: 2s; opacity: 0; } .visible{ opacity: 1; } .JeczjCbVqbJSvhAvKengKLsUCbYVnNHpMoriUwhGQEjfKQayHPgVzimOPGTnqxmuAjsTvUsHvcRVKqqLBFeEyWogwzQHcHMxqpOR.hidden{ transform: translateX(-99%); } .JeczjCbVqbJSvhAvKengKLsUCbYVnNHpMoriUwhGQEjfKQayHPgVzimOPGTnqxmuAjsTvUsHvcRVKqqLBFeEyWogwzQHcHMxqpOR.visible{ transform: translateX(0); } .mEoiHWCJBkZrfbSdnTzzhBTedZulvoqdEORysInZQiNHxkrBJSceJvtDQZVnbmKxUQDGCylQCayVINAeyAhkilofGzbymzQJZKAi.hidden{ transform: translateX(99%); } .mEoiHWCJBkZrfbSdnTzzhBTedZulvoqdEORysInZQiNHxkrBJSceJvtDQZVnbmKxUQDGCylQCayVINAeyAhkilofGzbymzQJZKAi.visible{ transform: translateX(0); } .fadein-scale0.hidden{ scale: 0; } .HcLPknapBBHTPYbNEwiJoWkKXLvOxEtvhSfZJnieTzOxTpNBMchGuUgpcqxGnqHGNucTYdMvfJbhcmcvhoornzBBoopxGoQSbUWn.hidden{ scale: 0.5; } .fadein-scale0.visible{ scale: 1; } .HcLPknapBBHTPYbNEwiJoWkKXLvOxEtvhSfZJnieTzOxTpNBMchGuUgpcqxGnqHGNucTYdMvfJbhcmcvhoornzBBoopxGoQSbUWn.visible{ scale: 1; } .tzZKOJEBBRkvAFtcMugVDJmdKivwvHTlGFLkvVBPLmPRCEhGlALRDiiBfbdfifupBXqTMrIUMFGzhwhDHuAAQlAlIVIXlPfuCTKA.hidden{ transform: translateY(99%); } .tzZKOJEBBRkvAFtcMugVDJmdKivwvHTlGFLkvVBPLmPRCEhGlALRDiiBfbdfifupBXqTMrIUMFGzhwhDHuAAQlAlIVIXlPfuCTKA.visible{ transform: translateY(0); }