@import url(https://fonts.googleapis.com/css?family=Titillium+Web&display=swap);
.Header{background:#cbaacb;border-bottom:5px solid rgba(5,11,30,0.5);padding:15px 0;position:fixed;left:0;right:0;z-index:999}@media only screen and (min-width: 769px){.Header .menu{display:grid;grid-template-columns:25% 75%;grid-gap:1rem;gap:1rem}}.Header .menu #btn-menu{position:absolute;top:0;right:10px;font-size:1.8em}@media only screen and (min-width: 769px){.Header .menu #btn-menu{display:none}}.Header .menu #drop-menu{transition:height 0.35s ease-in-out;overflow:hidden;justify-self:end}@media only screen and (max-width: 768px){.Header .menu #drop-menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:1;background:#cbaacb}.Header .menu #drop-menu li{padding:10px 15px;display:block}}.Header .menu a{color:#fff}.Header .menu a i{color:red}.Header .menu a img{width:60px}.scroll-button{background-color:#fff;border-radius:28px;font-size:1.8em;padding-top:5px;width:50px;height:50px;z-index:9999;position:fixed;right:10px;top:90%;text-align:center}.scroll-button:hover{background-color:#cbaacb;transition:0.2s cubic-bezier(0.41, 0.48, 0.85, 0.6)}.scroll-button:hover>i{color:#fff}.scroll-button i{color:#cbaacb}.show{transition:opacity 400ms}.hide{opacity:0;transition:opacity 400ms}.show{opacity:1}#PhraseOne{text-align:center;background-image:url(af8b657f51dbe27e8e9145c72b40c2f4.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#PhraseOne h2{margin-bottom:20px}#PhraseOne span{border:2px solid #fff;padding:4px 8px}#PhraseOne .phrase{margin:40px auto}#Services{text-align:center}#Services .technologies{margin-top:80px;margin-bottom:30px;display:grid;grid-template-columns:repeat(3, auto);align-items:center}@media only screen and (max-width: 768px){#Services .technologies{grid-template-columns:repeat(2, auto);height:auto}}@media only screen and (max-width: 480px){#Services .technologies{grid-template-columns:auto}}@media only screen and (max-width: 768px){#Services .technologies .item{width:100%}}#Services .technologies .item:nth-child(1){justify-self:end}#Services .technologies .item:nth-child(2){justify-self:center}#Services .technologies .item:nth-child(3){justify-self:flex-start}#Services .technologies .title{margin-top:15px}#Services a{margin:10px}#Phrase2{background-image:url(bf61491489c68dc06370f8163f08144e.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:80px 0}#Phrase2 .content{text-align:center}#Phrase2 .content h2{font-size:1.8em}#Phrase2 .content h2 i{display:block}#Phrase2 .content p{margin-top:20px}#Months{text-align:center}#Months .months{margin:40px 0;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:auto auto auto}@media only screen and (max-width: 768px){#Months .months{grid-template-columns:auto auto}}@media only screen and (max-width: 480px){#Months .months{grid-template-columns:auto}}#Months .item{border-radius:10px;background-color:#fff;box-shadow:0px 4px 16px 0px rgba(55,55,55,0.75);padding:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#Months .item h3{background-color:#ecd5e3;border-radius:10px;margin-top:0;padding:10px 0}#Months .item img{width:100%;height:75%;border-radius:5px;-o-object-fit:cover;object-fit:cover}#Months .item p{border:1px solid #c4b7b7;background-color:#050b1e;border-radius:5px;color:white;margin-top:10px;margin-bottom:0;padding:5px}@media only screen and (max-width: 768px){#Plans .services{flex-direction:column;padding:60px 0 0 0}}#Plans .services .item{border-bottom:4px solid #ecd5e3;border-radius:10px;background-color:#fff;height:auto;padding:10px;position:relative;margin-bottom:3em}@media only screen and (max-width: 768px){#Plans .services .item{width:100%}}#Plans .services .item b,#Plans .services .item p{color:#050b1e}#Plans .services .item ul{padding-left:0;max-height:430px;overflow-y:scroll}#Plans .services .item ul li{border-radius:8px;color:#050b1e;padding:10px;display:flex;justify-content:space-between}#Plans .services .item ul li:nth-child(2n){border:3px solid #ecd5e3}#Plans .services .item ul li:hover{background-color:#fcb9aa}#Plans .services .item ul i{float:right;color:#ecd5e3}#About>div:first-child img{height:100%;width:100%}#About .box-demon{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 0}#About .box-demon a{margin-bottom:10px}#About .box-demon p{width:300px;margin-top:1em}#Contact{background-color:#050b1e}#PhraseOne,#Services,#Months,#Plans,#Contact{padding-top:3.5rem;padding-bottom:3.5rem}#Music{background-image:url(fd5aa61f42cdea7cabaddf6516ed24a8.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:80px 0}#Music .music-player{display:flex;justify-content:center;height:420px}@media only screen and (max-width: 768px){#Music .music-player{flex-direction:column;height:auto}}#Music .music-player .player{border-radius:10px;padding:10px;background-color:#202134;text-align:center;margin-right:10px}#Music .music-player .player img{border-radius:10px;width:200px}#Music .music-player #playList{background:#1a1720;border-radius:10px;text-align:left;opacity:0.8;color:#e84393;overflow-x:hidden;padding-left:10px;padding-top:10px;padding-bottom:10px;margin:0;width:600px}@media only screen and (max-width: 768px){#Music .music-player #playList{width:auto;margin-top:10px}}#Music .music-player #playList li{padding:10px;color:#e84393;list-style:none}#Music .music-player #playList li:hover{cursor:pointer;color:white;background:#eeaeca;background:linear-gradient(90deg, rgba(238,174,202,0.669905) 0%, rgba(228,148,233,0) 100%);border-radius:10px}#Music .music-player #playList li.active{color:#6c5ce7}#Music .music-player #playList li.active:hover{color:white}#Valentine{text-align:center;background-image:url(af8b657f51dbe27e8e9145c72b40c2f4.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:5em 0}#Valentine .cat-box{height:350px;position:relative;display:inline-block}#Valentine .cat-box img{border-radius:10px;width:250px;height:250px;margin:2em 0}footer{color:#fff;text-align:center}footer>div:first-child{border-top:6px solid #fff;padding-top:10px}footer>div:last-child a{color:#fff}footer .box-light i{color:red}*{color:#fff}body{background:#fff;font-size:16px;font-family:"Titillium Web", sans-serif}h1{font-size:1.5em}h2{font-size:1.4em}h3{font-size:1.3em}h4{font-size:1.2em}h5{font-size:1.1em}p{font-size:1em}ul{list-style:none}a{text-decoration:none !important}input,textarea{background-color:#050b1e !important;border-color:transparent !important;color:#fff !important}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff !important}input::-moz-placeholder, textarea::-moz-placeholder{color:#fff !important}input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#fff !important}input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#fff !important}input::placeholder,textarea::placeholder{color:#fff !important}input:focus,textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(102,175,233,0.16) !important}.btn{border-radius:10px;background-color:#fff;font-weight:bold}.btn-link{color:#000 !important;padding:10px;width:140px;transition:0.2s cubic-bezier(0.41, 0.48, 0.85, 0.6)}.btn-link:hover{background-color:transparent;border:1px solid #fff;color:#fff !important;border-radius:0}.btn-info{border-radius:17px;border:transparent;box-shadow:0 6px #fff;background-color:#fcb9aa;padding:10px 30px}.btn-info:hover{color:#fcb9aa !important;background-color:#fff}.btn-info:active{color:#ecd5e3 !important;background-color:#fff !important;border-color:transparent !important;transform:translateY(4px)}.btn-secondary{background-color:#050b1e;border-color:transparent}.btn-secondary:hover{background-color:#ecd5e3}.btn-icon{border:none;background-color:transparent}.btn-icon:focus{outline:none}.box-demon{background:#cbaacb}.box-light{background-color:#ecd5e3}.title-default{font-size:1.8em;text-align:center}.swiper{width:350px;height:100%}.swiper-slide{background-position:center;background-size:cover}.swiper-slide img{display:block;width:100%;height:450px}@media only screen and (max-width: 768px){.swiper-slide img{width:90%;margin:auto}}.fa-check{color:blue}.fa-edit{color:orange}.fa-trash{color:red}.card{background-color:#050b1e}.load-file{color:transparent !important;width:90px;margin:auto;margin-top:1em;background-color:transparent !important}#todo-list li{cursor:pointer}#progress{width:100%;margin:auto;height:15px}#currentPlay{display:block}.volume,.timer,#currentPlay,.fa-step-backward,.fa-step-forward,.fa-play-circle{color:white}.fa-pause-circle{color:#e81d6d}.actions{display:flex;align-items:center;justify-content:center}.actions i{margin:0 10px;cursor:pointer}.volume input{width:60%}.timer{display:flex;justify-content:space-between;font-size:10px}.timer #dura{color:#e81d6d}#currentPlay{margin:1em auto}