.text-white{color:#fff}.bg-success{background-color:#10be16}.bg-secondary{background-color:#000}.bg-primary{background-color:#5e4058}.text-gray-primary{color:#1d1d1d}.text-success{color:#10be16}.text-gray-secondary{color:#ddd}@media screen and (min-width: 768px){#welcome-section{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fffffff2;z-index:1000}#welcome-section #welcome-container{margin:0;padding:5vh 0 0;width:500px;background-color:#fafafa;border-radius:5px;box-shadow:0 0 10px #c8c8c880;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:75vh}#welcome-section #welcome-container #welcome-logo{margin:7vh 0 0;padding:0;display:block;width:70%}#welcome-section #welcome-container #opt-list{margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:80%;min-height:30vh;gap:2.5vh;list-style:none}#welcome-section #welcome-container #opt-list .opt-list-item{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40px;text-align:center;border-radius:25px;box-shadow:0 0 5px #c8c8c880;background-color:#fff;cursor:pointer;transition:.3s}#welcome-section #welcome-container #opt-list .opt-list-item:hover{background-color:#5e4058}#welcome-section #welcome-container #opt-list .opt-list-item:hover .welcome-link{color:#fff}#welcome-section #welcome-container #opt-list .opt-list-item .welcome-link{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:#3d3d3d;font-weight:500;font-size:1rem}#welcome-section #welcome-container #welcome-social-media-list{background-color:#5e4058;margin:0;padding:5px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;border-radius:0 0 5px 5px;list-style:none;gap:30px}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item{cursor:pointer;transition:.3s}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item:hover img{transform:scale(1.1)}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item a img{width:20px;transition:.3s}}@media screen and (max-width: 768px){#welcome-section{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fffffffc;z-index:1000}#welcome-section #welcome-container{margin:0;padding:0;width:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh}#welcome-section #welcome-container #welcome-logo{margin:20vh 0 0;padding:0;display:block;width:70%}#welcome-section #welcome-container #opt-list{margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:80%;min-height:30vh;gap:3vh;list-style:none}#welcome-section #welcome-container #opt-list .opt-list-item{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:30px;text-align:center;border-radius:25px;box-shadow:0 0 5px #c8c8c880;background-color:#fff;cursor:pointer;transition:.3s}#welcome-section #welcome-container #opt-list .opt-list-item:hover{background-color:#5e4058}#welcome-section #welcome-container #opt-list .opt-list-item:hover .welcome-link{color:#fff}#welcome-section #welcome-container #opt-list .opt-list-item .welcome-link{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:#3d3d3d;font-weight:500;font-size:.9rem}#welcome-section #welcome-container #welcome-social-media-list{background-color:#5e4058;margin:0;padding:5px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;list-style:none;gap:30px}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item{cursor:pointer;transition:.3s}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item:hover img{transform:scale(1.1)}#welcome-section #welcome-container #welcome-social-media-list .welcome-social-media-list-item a img{width:20px;transition:.3s}}