.about-page{width:100%;color:var(--white);text-align:center;background-color:#498fca;background-image:url(../media/mystory-opt3-mv.696408d0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;justify-content:center;align-items:center;min-height:96vh;padding-top:90px;display:flex}.about-main-container{width:90%;margin:0 auto}@media screen and (min-width:300px){.about-page{padding-top:120px}}@media screen and (min-width:350px){.about-page{padding-top:130px}}@media screen and (min-width:400px){.about-page{padding-top:80px}}@media screen and (min-width:450px){.about-page{padding-top:80px}}@media screen and (min-width:600px){.about-page{padding-top:10px}}@media screen and (min-width:800px){.about-page{padding-top:250px}}@media screen and (min-width:1000px){.about-page{padding-top:130px}.about-main-container{width:100%;padding-left:50px}.about-me-container{width:700px}}#about-btn{text-transform:uppercase;color:var(--white);cursor:pointer;text-align:center;border:2px solid #fff;border:2px solid var(--white);background-color:#0000;border-radius:5px;width:120px;padding-top:1em;padding-bottom:1em;font-weight:700;text-decoration:none;transition:all .5s ease-out;display:block}#about-btn:hover{border:2px solid var(--color-gold);opacity:.7}.about-me-container{flex-direction:column;height:100%;display:flex}.about-me-box{width:100%;height:100%;margin-top:0;margin-bottom:1em}.about-me-buttons-container{flex-direction:row;justify-content:space-between;align-items:center;display:flex}#imdb-btn{color:#fff;cursor:pointer;text-align:center;border:2px solid #fff;border:2px solid var(--white);background-color:#0000;border-radius:5px;width:120px;padding-top:1em;padding-bottom:1em;font-weight:700;text-decoration:none;transition:all .5s ease-out;display:block}#imdb-btn:hover{border:2px solid var(--color-gold);opacity:.7}#about-btn-div{margin-top:2em;margin-bottom:2em}@media screen and (min-width:340px){#about-btn,#imdb-btn{width:150px}}@media screen and (min-width:550px){.about-me-buttons-container{width:80%;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.about-me-buttons-container{justify-content:space-between;width:70%;margin-top:0%}.about-me-box h4{text-align:center}}@media screen and (min-width:1000px){.about-me-buttons-container{justify-content:space-evenly;width:70%}}@media (min-width:800px){.about-page{background-color:#717072;background-image:url(../media/my-story.bba199f0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:96vh;display:block}}@media (width:1024px) and (height:1366px){.about-page{padding-top:250px}}
