@font-face {font-family: 'Cormorant Upright';src: url('./font/CormorantUpright-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Cormorant Upright';src: url('./font/CormorantUpright-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Cormorant Upright';src: url('./font/CormorantUpright-SemiBold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Cormorant Upright';src: url('./font/CormorantUpright-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Cormorant Upright';src: url('./font/CormorantUpright-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;}

body, html {width: 100%;height: 100%;overflow-x: hidden;margin: 0;padding: 0;}
*{color: white;font-family: 'Cormorant Upright', serif;}

::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{background-color: rgb(72,58,66);width: 15px;}

::-webkit-scrollbar {width: 10px;height: 12px;}
::-webkit-scrollbar-thumb {background-color: rgb(72,58,66);border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background-color: rgb(46, 38, 42);}

.titolo{font-size: 5vh;color: rgb(189,79,100);}
.testotitolo{font-size: 4vh;line-height: 1.5;}
.titolo,.testotitolo{text-align: center;}
.video-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.container {background: rgba(0, 0, 0, 0.7);padding: 30px;max-width: 800px;margin: 10vh 0 10vh 0;border-radius: 15px;box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);}

.button-container{display: flex;justify-content: flex-end;margin-top: 20px;}
.btn {border-radius: 20px;display: inline-block;margin-top: 20px;padding: 10px 20px;font-size: 1.2em;box-shadow: 0 4px 10px rgba(255, 192, 203, 0.5);background: rgb(189,79,100);color: white;text-decoration: none;border-radius: 5px;transition: 0.3s;}
.btn:hover {background: rgb(110, 47, 58);}

@keyframes fallingPetals {from { transform: translateY(-10vh); }to { transform: translateY(100vh);}}
.petal {position: fixed;top: -10vh;background: pink;width: 10px;height: 10px;border-radius: 50%;opacity: 0.7;animation: fallingPetals 10s linear infinite;}