@import"https://fonts.googleapis.com/css?family=Yellowtail";@import"https://fonts.googleapis.com/css?family=Comfortaa";body{margin:0;padding:0;font-family:sans-serif}#hamburger-button{vertical-align:middle;width:40px;height:30px;margin-right:20px;transform:rotate(0);cursor:pointer;display:inline-block}#hamburger-button span{display:block;position:absolute;height:5px;width:100%;background:#004581;border-radius:5px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#hamburger-button span:nth-child(1){top:0}#hamburger-button span:nth-child(2),#hamburger-button span:nth-child(3){top:9px}#hamburger-button span:nth-child(4){top:18px}#hamburger-button.open span:nth-child(1){top:9px;width:0%;left:50%}#hamburger-button.open span:nth-child(2){transform:rotate(45deg)}#hamburger-button.open span:nth-child(3){transform:rotate(-45deg)}#hamburger-button.open span:nth-child(4){top:9px;width:0%;left:50%}#mobile-header-menu-container .mobile-header-search{display:block;text-align:center}#mobile-header-menu-container .mobile-header-search:focus{width:200px}#mobile-header-menu-container .mobile-header-menu{border-radius:40px;display:block;height:0;right:0;position:absolute;background:#004581;transition:all .4s;top:70px;z-index:1000}#mobile-header-menu-container .mobile-header-menu a,#mobile-header-menu-container .mobile-header-menu span{color:#fff;display:block;height:0;font-size:0;transition:.3s;text-align:center}#mobile-header-menu-container .mobile-header-menu input{margin:auto;height:0;transition:.3s}@media screen and (min-width:1150px){#mobile-header-menu-container .mobile-header-menu{margin-right:20px;width:300px}#mobile-header-menu-container .mobile-header-menu a,#mobile-header-menu-container .mobile-header-menu span{width:238px}}@media screen and (min-width:680px)and (max-width:1150px){#mobile-header-menu-container .mobile-header-menu{margin-right:20px;width:300px}#mobile-header-menu-container .mobile-header-menu a,#mobile-header-menu-container .mobile-header-menu span{width:238px}}@media screen and (max-width:680px){#mobile-header-menu-container .mobile-header-menu{margin:0 10%;width:80%}#mobile-header-menu-container .mobile-header-menu #auth-nav-block-container,#mobile-header-menu-container .mobile-header-menu #site-nav-block-container{width:100%;text-align:center}}#mobile-header-menu-container .mobile-opened-header-menu{height:200px}#mobile-header-menu-container .mobile-opened-header-menu a,#mobile-header-menu-container .mobile-opened-header-menu span{height:70px;font-size:16px;transition:.5s}#mobile-header-menu-container .mobile-opened-header-menu input{height:30px;transition:.5s}header{padding-left:3%;height:70px;line-height:70px}header div{display:inline-block}header a{color:#fff;cursor:pointer;transition:all .2s ease-in-out}.nav-container{float:right}.header-title{font-size:40px;text-decoration:none;color:#004581}.nav-search{border-left:1px dashed #97CBDC;border-right:1px dashed #97CBDC;border-radius:15px;border-width:0;width:150px;height:30px;padding:0 20px;font-size:18px;color:#011b48;font-family:Comfortaa;margin:0 20px;transition:all .5s}.nav-search:focus{width:220px;outline-width:0}@media screen and (min-width:680px)and (max-width:1150px){.header-search{border:0}}@media screen and (max-width:680px){.header-search{display:none}}.nav-item{padding:0 30px;text-decoration:none}@media screen and (max-width:1150px){.nav-item{display:none}}footer{margin:2%;text-align:center;font-size:14px}footer .pl-title{font-size:20px}footer a,footer span{color:#011b48;line-height:20px}#home-page-container{text-align:center}#home-first-page-container{font-size:50px;min-height:550px;height:80vh;padding-top:20vh;color:#004581}#home-first-page-container #arrow{position:absolute;bottom:0;margin:10px auto;right:0;left:0;animation:infinite go-down 1s}#home-first-page-container #home-search-bar{border:1px solid #004581;border-radius:15px;border-width:1;width:450px;height:30px;font-size:18px;color:#011b48;font-family:Comfortaa;transition:all .5s}#home-first-page-container #home-search-bar:focus{width:320px;outline-width:0}@media screen and (max-width:680px){#home-first-page-container #home-search-bar{width:300px}#home-first-page-container #home-search-bar:focus{width:350px}}#home-first-page-container span{padding:15px}#home-first-page-container *{display:block;text-align:center;margin:auto}@keyframes go-down{0%{margin:40px auto}50%{margin:50px auto}to{margin:40px auto}}#home-second-page-container{height:100vh;min-height:700px;padding:12.5vh 5% 5vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-size:20px;color:#004581}@media screen and (max-width:1150px){#home-second-page-container{height:auto;min-height:100vh;padding:5vh 5%;font-size:16px}}#home-second-page-container #home-second-content{display:flex;align-items:center;justify-content:center;gap:40px;width:100%}@media screen and (max-width:1150px){#home-second-page-container #home-second-content{display:block}}#home-second-page-container .pl-title{font-size:30px}@media screen and (max-width:1150px){#home-second-page-container .pl-title{font-size:26px}}#home-second-page-container #home-left-column{width:55%;text-align:left}@media screen and (max-width:1150px){#home-second-page-container #home-left-column{width:100%;text-align:center}}#home-second-page-container #home-about{width:100%;line-height:30px;padding:0 40px 0 0;box-sizing:border-box}@media screen and (max-width:1150px){#home-second-page-container #home-about{width:100%;padding:0}}#home-second-page-container #home-get-it-on-market{width:100%}@media screen and (max-width:1150px){#home-second-page-container #home-get-it-on-market{width:100%}}#home-second-page-container #home-get-it-on-market img{display:block;margin:30px 0;width:100%;max-width:200px}@media screen and (max-width:1150px){#home-second-page-container #home-get-it-on-market img{margin:20px auto}}#home-second-page-container #home-plios{width:25%}@media screen and (max-width:1150px){#home-second-page-container #home-plios{width:100%;margin-top:20px}}#home-second-page-container #home-plios img{width:80%}@media screen and (max-width:1150px){#home-second-page-container #home-plios img{height:50vh;width:auto}}#home-second-page-container #home-contact-email{margin-top:40px;text-align:center}@media screen and (max-width:1150px){#home-second-page-container #home-contact-email{margin-top:30px}}#home-second-page-container #home-contact-email a{color:#004581}#poem-search-bar{text-align:center;text-align-last:center;margin:70px auto}#poem-search-bar *{z-index:1;vertical-align:middle;display:inline-block}@media screen and (max-width:680px){#poem-search-bar *{width:100%;margin:auto;display:block}}#search-options{height:36px;color:#fff;background:linear-gradient(90deg,#004581,#048abd);appearance:none;font-family:Comfortaa;width:130px;border-radius:15px 0 0 15px;font-size:14px;text-align:center;text-align-last:center;padding:0 10px;border-width:0;cursor:pointer;overflow:none}#search-options:focus{outline-width:0}@media screen and (max-width:680px){#search-options{width:255px;height:40px;border-radius:15px 15px 0 0}}#search-wrapper{height:30px;width:300px;position:relative;line-height:30px;border:1px solid #004581;border-radius:15px 0 0 15px}@media screen and (max-width:680px){#search-wrapper{width:250px;height:40px;border-radius:0}}#search-wrapper input{border:none;border-radius:15px 0 0 15px;padding:15px;height:100%;display:block;width:100%;box-sizing:border-box;transition:all .5s;font-size:16px;font-family:Comfortaa;color:#048abd}@media screen and (max-width:680px){#search-wrapper input{border-radius:0}}#search-wrapper #search-options-menu{width:100%;margin:10px auto;background:#fff;border:1px solid #004581;border-radius:15px;box-shadow:0 0 2px #011b48}#search-wrapper #search-options-menu.hidden{display:none}#search-wrapper #search-options-menu span{height:40px;width:100%;cursor:pointer;line-height:40px;vertical-align:middle;color:#004581}#search-wrapper #search-options-menu span:hover{text-decoration:underline}#search-wrapper img{position:absolute;width:25px;top:0;right:5px;cursor:pointer}@media screen and (max-width:680px){#search-wrapper img{width:35px}}#search-button{height:32px;width:45px;line-height:32px;cursor:pointer;background:linear-gradient(90deg,#004581,#048abd);font-family:Comfortaa;border-width:0;border-radius:0 15px 15px 0;font-size:14px}@media screen and (max-width:680px){#search-button{width:252px;height:40px;border-radius:0 0 15px 15px;line-height:40px}}#search-button img{width:25px;display:inline-block}.general-button{margin:0 auto;height:50px;width:300px;text-align:center;line-height:50px;vertical-align:middle;border-radius:10px;transition:all .5s;cursor:pointer;font-size:15px}.general-button:hover{box-shadow:0 0 5px #011b48}.outlined-button{color:#004581;border:1px solid #004581}.outlined-button:hover{color:#fff;background:#004581;border-width:0px}.action-button{color:#fff;background:linear-gradient(90deg,#004581,#048abd)}.liked-icon{width:15px;height:15px;position:absolute;margin-top:32px;margin-left:130px}.audio-icon{width:15px;height:15px;position:absolute;margin-top:32px;margin-left:-145px}.big-button{width:450px}@media screen and (max-width:680px){.big-button{width:300px}}.big-button-liked-icon{margin-left:205px}.big-button-audio-icon{margin-left:-218px}.unavailable-button{background:gray;color:#fff;cursor:default}.unavailable-button:hover{box-shadow:0 0}#info-alert-container{width:60%;padding:20px;margin:20px auto;border-radius:10px;text-align:center;transition:all 1s}.error-style{border:1px #b7241b solid;background-color:#fcd1d2;color:#b7241b}.success-style{border:1px #157711 solid;background-color:#d9efce;color:#157711}.info-style{border:1px #004581 solid;background-color:#dde8f0;color:#004581}#loader-container{width:50px;margin:auto;text-align:center}#ml-loader{width:50px;height:50px;z-index:-1}#ml-loader div{-webkit-animation:1.2s opaque ease-in-out infinite both;animation:1.2s opaque ease-in-out infinite both}#ml-loader div:after{content:"";display:block;position:absolute;width:5px;height:18px;border-radius:10px;background-color:#048abd}#ml-loader div:nth-child(1){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#ml-loader div:nth-child(2){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:.1s;animation-delay:.1s}#ml-loader div:nth-child(3){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:.2s;animation-delay:.2s}#ml-loader div:nth-child(4){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:.3s;animation-delay:.3s}#ml-loader div:nth-child(5){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:.4s;animation-delay:.4s}#ml-loader div:nth-child(6){-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:.5s;animation-delay:.5s}#ml-loader div:nth-child(7){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:.6s;animation-delay:.6s}#ml-loader div:nth-child(8){-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:.7s;animation-delay:.7s}#ml-loader div:nth-child(9){-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:.8s;animation-delay:.8s}#ml-loader div:nth-child(10){-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:.9s;animation-delay:.9s}#ml-loader div:nth-child(11){-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:1s;animation-delay:1s}#ml-loader div:nth-child(12){-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:1.1s;animation-delay:1.1s}#ml-loader div:nth-child(13){-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes opaque{0%,40%,to{opacity:.1}40%{opacity:1}}@keyframes opaque{0%,40%,to{opacity:.1}40%{opacity:1}}#poems-table-container table{text-align:center;margin:50px auto 0}@media screen and (min-width:1604){#poems-table-container table{min-width:1500px}}@media screen and (min-width:1284)and (max-width:1604){#poems-table-container table{min-width:1200px}}@media screen and (min-width:964)and (max-width:1284){#poems-table-container table{min-width:900px}}@media screen and (min-width:644)and (max-width:964){#poems-table-container table{min-width:600px}}@media screen and (max-width:644){#poems-table-container table{min-width:300px}}#poems-table-container tr{text-align:center;display:inline-block;width:300px;height:70px;padding:10px}#poems-table-container .link{text-decoration:none}#poems-table-container .author-cell{text-align:left;font-size:22px}#poems-table-container .author-cell a{color:#004581}#lyrics-container{text-align:center;width:30%;margin:50px auto}@media screen and (max-width:680px){#lyrics-container{width:100%}}#lyrics-container #text-pre{font-family:Comfortaa;line-height:24px;white-space:pre-wrap}#button-container{cursor:pointer;transition:all .2s}#button-container:hover{box-shadow:0 2px 4px #048abd}.outlined-player-button{border:1px solid #004581}.filled-player-button{background:linear-gradient(90deg,#004581,#048abd)}.big-player-button{height:70px;width:70px;line-height:70px;border-radius:35px}.big-player-button img{width:50px;padding:0 10px;vertical-align:middle}.ordinary-button{height:50px;width:50px;line-height:50px;border-radius:25px}.ordinary-button img{width:30px;padding:0 10px;vertical-align:middle}#timeline-container{text-align:center;height:15px;line-height:15px;margin:20px auto}#timeline-container *{display:inline-block;vertical-align:middle}#timeline-container span{width:40px;color:#004581}#playback-indicator{width:14px;height:14px;border-radius:7px;background:linear-gradient(90deg,#004581,#048abd);position:absolute;margin:0 13px;cursor:pointer}#progress-bar{height:2px;margin:0 20px;background:#97cbdc;width:40%;cursor:pointer}@media screen and (max-width:1150px){#progress-bar{width:50%}}@media screen and (max-width:680px){#progress-bar{width:60%}}#player-buttons-container{text-align:center}#player-buttons-container div{margin:10px;display:inline-block}@media screen and (max-width:680px){#player-buttons-container div{margin:0 5px 20px}}#poem-title-container{margin:40px;text-align:center}#author-poem-title-container{line-height:25px}#author-poem-title-container a{color:#004581;font-size:25px}#author-poem-title-container *{display:inline;vertical-align:middle}#author-poem-title-container img{height:20px;margin:5px;cursor:pointer}.poem-page-container{text-align:center}.poem-page-container div{margin:auto}#author-container{width:70%;margin:auto;line-height:24px}#author-container #author-info #author-img-div{width:20%}@media screen and (max-width:1150px){#author-container #author-info #author-img-div{width:40%;margin:0 30%}}@media screen and (max-width:680px){#author-container #author-info #author-img-div{width:50%;margin:0 25%}}#author-container #author-info #author-img-div img{width:100%;border-radius:50%}#author-container #author-info #author-header-div{width:70%}@media screen and (max-width:1150px){#author-container #author-info #author-header-div{width:100%}}#author-container #author-info div{vertical-align:top;margin:20px 2%;display:inline-block}#author-container #author-poems{text-align:center}#author-container #author-poems a{text-decoration:none;margin:10px;display:inline-block}@media screen and (max-width:680px){#author-container #author-poems a{margin:10px 0}}#author-container #author-bio{font-family:Comfortaa;white-space:pre-wrap}#not-found-container{text-align:center;margin:50px}#not-found-container span{font-size:72px}#not-found-container p{font-size:36px}body{font-family:Comfortaa}.pl-title{font-family:Yellowtail}.pl-title:before{content:"Poem Library"}