.home-container{padding:40px;display:flex;flex-direction:column;gap:20px}.home-container p{font-size:60px;color:#f0f8ff}.home-container h1{font-size:50px;color:#000}@media (max-width: 1200px){.home-container p{font-size:45px;color:#f0f8ff}}@media (max-width: 768px){.home-container p{font-size:32px;color:#f0f8ff}}nav{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:30px 20px}nav a{text-decoration:none;font-weight:700;color:#ede6e6;margin-right:20px;font-size:25px;transition:color .3s ease}nav a:hover{color:#fff5e1}nav select{padding:5px;font-size:16px;border:none;background-color:#7e4fa5;color:#fff;cursor:pointer;outline:none}@media (max-width: 768px){nav{flex-direction:column;text-align:center}nav a{margin:10px 0}}.about-container{padding:40px;display:flex;flex-direction:column;gap:20px}.about-container p{font-size:50px;color:#f0f8ff}.about-container h1{font-size:50px;color:#000}@media (max-width: 1200px){.about-container p{font-size:37px;color:#f0f8ff}}@media (max-width: 768px){.about-container p{font-size:27px;color:#f0f8ff}}.contact-container{padding:40px;display:flex;flex-direction:column;gap:20px}.contact-container p{font-size:45px;color:#f0f8ff}.contact-container h1{font-size:50px;color:#000}@media (max-width: 1200px){.contact-container p{font-size:40px;color:#f0f8ff}}@media (max-width: 768px){.contact-container p{font-size:23px;color:#f0f8ff}}*{box-sizing:border-box;margin:0}.app-container{background:linear-gradient(to right,rgb(173,83,137),rgb(60,16,83));width:100%;height:100vh}