/* Font */ @font-face { font-family: Font1; src: url("CalligraphRuss-Regular.ttf"); } @font-face { font-family: Font2; src: url("CormorantGaramond-Medium.ttf"); } @font-face { font-family: Font3; src: url("CormorantGaramond-Regular.ttf"); } @font-face { font-family: Font4; src: url("CormorantGaramond-SemiBold.ttf"); } @font-face { font-family: Font5; src: url("Montserrat-Light.ttf"); } @font-face { font-family: Font6; src: url("CormorantInfant-Regular.ttf"); } /* */ @media (max-width: 600px) { .kGAQqCSErFYgNGCPsLUiGniouRxHAzejmklRHhgV{ width: 100%; } .yAEsAWYHEzuLaNhsIPPvJMhTyBoVnLWuxOzfZVjo{ width: 600px; } } @media (min-width: 600px) { .kGAQqCSErFYgNGCPsLUiGniouRxHAzejmklRHhgV{ width: 450px; } .yAEsAWYHEzuLaNhsIPPvJMhTyBoVnLWuxOzfZVjo{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #fff; display: flex; justify-content: flex-start; align-items: center; font-family: Font1; flex-direction: column; } .kGAQqCSErFYgNGCPsLUiGniouRxHAzejmklRHhgV { align-items: center; justify-content: flex-start; overflow-x: clip; } .zaXVtYrSRyTrPUQZkVDNNRSqTYcaFoGhKLRFioLg{ display: flex; } .ktDxVOXkxgOfLSMomidQjNllDIDmPVzihHvvmnnD{ align-items: center; } .tcenter{ text-align: center; } .sWrPLzjlrSQplunwbdWSKiyjjOLwfbZlITdpurnb{ justify-content: center; } .between{ justify-content: space-between; } .around{ justify-content: space-around; } .DAgmXBunFvtiRtaGFBKXZeZiOpXKCQdjdeRKIXiF{ flex-direction: column; } .pKnGmAlpkIboPcHGBiMosUJktlwZzzojrHqadQnx{ flex-direction: row; } .SDKqSvvopmrXDYNPINnEZieIeoHhPtkKiuQmhmcq{ width: 100%; } .h{ height: 100vh; } .bg { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .contain{ background-size: contain !important; } /* flex */ /* FadersIN */ .hidden{ transition: 2s; opacity: 0; } .visible{ opacity: 1; } .fadein-left.hidden{ transform: translateX(-99%); } .fadein-left.visible{ transform: translateX(0); } .fadein-right.hidden{ transform: translateX(99%); } .fadein-right.visible{ transform: translateX(0); } .fadein-scale0.hidden{ scale: 0; } .fadein-scale05.hidden{ scale: 0.5; } .fadein-scale0.visible{ scale: 1; } .fadein-scale05.visible{ scale: 1; } .fadein-bottom.hidden{ transform: translateY(99%); } .fadein-bottom.visible{ transform: translateY(0); } .yAEsAWYHEzuLaNhsIPPvJMhTyBoVnLWuxOzfZVjo { background: url("bg.png") no-repeat; position: absolute; top: 0; z-index: -1; background-size: contain; background-position: center; height: 500px; max-width: 100%; } .GeQzomVycCLjmjeqcsDzIbWnrjqbGtxSGoroYYjw { font-size: 50px; text-align: center; line-height: 45px; color: #696450; } .myxAzOcgtqgrfptQjkIlTTQNxkgqbCrdIFrdlFFY {font-size: 60px;line-height: 20px;margin-top: 24px;} .unjKLOSxrTuedEaeenVOMoZEILnExTYyTCyRxSWv { margin-top: 90px; } .uZCzsHEpjdObSTQyPSYyjeiKVXbpPzaHaRHCtpIn { margin-left: -180px; z-index: 2; } .yTHAlFdeMvBLeoBdfkjetOdQfHrbjlwhhBTHdmNH { margin-right: -92px; } .tgbGvLYMNUTcgoZiESsQHAtPSGnpesZiDLqWTfUO { margin-left: -60px; font-family: 'Font3'; color: #e5e3d9; font-size: 63px; } .yDrEzINtWDuqReMSJadqefveMyUrFenBvhiHwAYJ { text-transform: uppercase; text-align: center; font-family: 'Font3'; margin-top: 25px; font-size: 14px; } .adySheIBOmgDoJsmXRPeSpQHMORZWUDnEnnZROUT { width: 100%; align-items: center; justify-content: center; text-align: center; align-items: center; font-family: 'Font3'; color: #696450; } .yKpUViNHSgcOaAFeRbQSfsKHetHwrkrCevfymORa {text-transform: uppercase;height: 28px;margin-top: 16px;} .bGSAXcRzhdCygXpRIrMnkHjdUPXUbzVZKteaxqNq { border-bottom: 1px black solid; border-top: 1px black solid; width: 77px; height: 25px; display: flex; justify-content: center; align-items: center; font-size: 16px; } .SBPvnoQkpjwBCWYtlOEJszcAsoInfXNWKldesyqt.bGSAXcRzhdCygXpRIrMnkHjdUPXUbzVZKteaxqNq { font-family: 'Font6'; font-size: 20px; } .IiVnqWWTsrczhPZEYpHqCcEBiQXfdSmcRxVJNIQB { font-size: 37px; line-height: 0px; font-family: 'Font6'; width: 80px; display: flex; justify-content: center; align-items: center; } .tWizPdVOhoNclDYBvHwdjiaCPApAHckXyfaooWGY { font-size: 23px; font-family: 'Font6'; margin-top: 7px; } .UfqcGlQLJUVrARpQcioDODcxBDvbUkBREOtXAYSN { font-family: 'Font4'; text-transform: uppercase; font-size: 25px; margin-top: 50px; } p.xwGBPDzhkfyazQtCaErbqpRMHLRrJBTzOuvpihLJ { font-family: 'Font3'; font-size: 19px; text-align: center; } button { background: none; border: 1px black solid; height: 30px; width: 70%; color: black; font-family: 'Font2'; font-size: 18px; } .LeKkNOICOZsIScBYRNRMzphrbyjBZwPngpksiolL { background: url(split.png) no-repeat; height: 70px; width: 210px; background-size: contain; background-position: center; } .sFfqHdfrBOptKKWOZLNEEhbYRvgCErMKDjNXSPic { font-family: 'Font4'; text-transform: uppercase; font-size: 25px; } .SBPvnoQkpjwBCWYtlOEJszcAsoInfXNWKldesyqt { font-family: 'Font3'; align-items: center; gap: 10px; } .OyqTiDmNvbYZDVOVXvdWKVtIlVzqMuLhzHCIPoUp { /* width: 50px; */ font-size: 25px; } .eNKjyDYiBRPAducdiMbbFKlCziLudiIGOZIuPmvl { width: 14px; height: 1px; background: black; } .dnHnSMNmHGwBATnnnoqDLczOSoxxoVxNQlqyqcGq { font-size: 16px; } .XJcBdNevzchymURVsGodDaQoHBNTNwGdfckhMrra { font-family: 'Font4'; text-transform: uppercase; font-size: 25px; margin-top: 16px; } p.IvnUUXwkKWcxCzmcVjKUWshAXCmQxmajBzSytuRq { text-align: center; font-family: 'Font2'; line-height: 17px; font-size: 16px; } .dYjbhfMThKdNyJyRtmeOgOWqogUNOMhJiMxssxga { font-family: 'Font4'; text-transform: uppercase; font-size: 25px; margin-top: 16px; text-align: center; } input#fio { background: none; height: 33px; width: 80%; padding: 10px; font-family: 'Font5'; font-size: 12px; border-radius: 7px; border: 1px black solid; margin-top: 17px; } .VVaMXyflhgSjGcrJsNiqDxehijFOdYnJUjRzNzQy { width: 80%; margin-top: 10px; font-family: 'Font2'; } button#sendButton { margin-top: 20px; } #sendButton:disabled { margin-top: 20px; border-color: gray; color: gray; } .CAGzTFNsjDxArNTHUPzkWtGdMnfyjZrBsGTGiBoP { font-family: 'Font2'; font-size: 24px; margin-top: 20px; } .QUQvgmOGALlqprMhObjbJTwJEXbpNNOfGwWHxxRL { font-size: 12px; font-family: 'Font2'; margin-top: 5px; } .cPsljpIGEnNWNBFaYMCLTTnCQcKxgtKxjjMfpCwP { height: 80px; } .ogpXXZmWqocSROAAUWbUvjtNgEFNmLygUMPLsUuI { background: url(birds.png) no-repeat; background-position: center; background-size: contain; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 70%; }