:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}#experience{position:fixed;height:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{width:100%;height:100%}body{margin:0;padding:0;overflow:hidden}a{text-decoration:none;color:inherit}.sec{margin:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.together{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:0;padding:20px}.modal{background-color:#ebd6fb;position:absolute;top:50%;left:50%;max-width:1200px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:20px;border-radius:25px;border:8px solid #687FE5;display:none}.White-heading{font-size:3rem;font-family:Pacifico,cursive;font-weight:700;color:#687fe5;padding:5px 10px;text-align:center;margin-bottom:15px;background-color:#feebf6;border-radius:15px;box-shadow:0 2px 3px #6c64698e;width:fit-content}.model-img{border:8px solid #687FE5;border-radius:20px;align-self:center}.modal-exit{position:absolute;align-items:center;top:-20px;left:-20px;cursor:pointer;font-weight:700;color:#687fe5;justify-items:center;display:flex;align-content:center;justify-content:center;text-decoration:none;width:80px;height:80px;border:8px solid #687FE5;border-radius:20px;background-color:#ebd6fb}.Inside-heading{font-family:Pacifico,cursive;font-weight:700;color:#687fe5}.Inside{display:flex;flex-direction:column;justify-content:center;z-index:0;padding:15px;height:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.Inside::-webkit-scrollbar{display:none}.Paragraph{font-size:1.3rem;font-family:Pacifico,cursive;font-weight:500;line-height:1.6;margin-bottom:15px;margin-left:10px;color:#000}.Outside{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0;height:100%;width:100%}.img-div{padding-bottom:20px;align-self:center}.about{max-width:700px;height:90%}.inside-about{padding-top:330px}.model-img-about{width:400px;height:400px;border:8px solid #687FE5;border-radius:20px;align-self:center}.project{max-width:1200px;height:90%}.contact{max-width:500px;height:50%}.together-contact{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:0;padding:20px;gap:70px}.loading-screen{position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;transform:perspective(1000px);background-color:#ebd6fb;border:8px solid #687FE5;border-radius:20px}.loading-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;padding:20px;border-radius:20px;border:none;background-color:#ebd6fb;color:#687fe5;font-family:Pacifico,cursive;font-weight:700;cursor:pointer;box-shadow:0 2px 3px #6c64698e}.Paragraph-Loading{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:1.5rem;color:#687fe5;font-family:Pacifico,cursive;text-align:center;width:80%}.inside-project{padding-top:0}@media (max-width: 480px){.inside-about{padding-top:200px}.model-img-about{width:300px;height:300px}.Paragraph{font-size:1rem}.Inside-heading{font-size:1.5rem}.White-heading{font-size:2rem;padding:5px 10px}.together{flex-direction:column;align-items:center;justify-content:center}.inside-project{padding-top:600px}.contact{max-width:90%;height:40%}}@media (min-width: 481px) and (max-width: 767px){.inside-about{padding-top:250px}.model-img-about{width:350px;height:350px}.Paragraph{font-size:1.1rem}.Inside-heading{font-size:1.7rem}.White-heading{font-size:2.2rem}.together{flex-direction:column}.inside-project{padding-top:500px}.contact{max-width:85%;height:45%}}@media (min-width: 768px) and (max-width: 1199px){.inside-about{padding-top:300px}.model-img-about{width:400px;height:400px}.Paragraph{font-size:1.2rem}.Inside-heading{font-size:2rem}.White-heading{font-size:2.5rem}.together{flex-direction:column}.inside-project{padding-top:300px}.contact{max-width:60%;height:50%}}@media (min-width: 1200px){.inside-about{padding-top:450px}.model-img-about{width:500px;height:500px}.Paragraph{font-size:1.3rem}.Inside-heading{font-size:2.2rem}.White-heading{font-size:3rem}.together{flex-direction:row}.inside-project{padding-top:0}.contact{max-width:500px;height:50%}}