@import "https://fonts.googleapis.com/css?family=Josefin+Sans:300,500,700|Open+Sans";:root{--primary-color:lightcoral;--secondary-color:#2b4354;--accent-color:darkred;--secondary-accent-color:#d2691e;--background-color:#f0f8ff;--text-color:#333}body{background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;font-family:Josefin Sans,sans-serif}a{color:var(--primary-color)}a:visited{color:var(--accent-color)}.webpage{line-height:1.6}.top-nav{z-index:1000;background-color:#000000b3;justify-content:flex-end;padding:1rem;display:flex;position:absolute;top:0;left:0;right:0}.top-nav a{color:#fff;margin-left:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.top-nav a:hover{color:var(--accent-color)}.hero-image{color:#fff;box-sizing:border-box;text-shadow:0 0 3px #000000b3;text-align:center;background-color:#000;background-image:url(./img/bkgrd.jpg);background-position:50% -3vh;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;height:100vh;padding:5vh 0;display:flex;overflow:visible}.hero-text{flex-direction:row;align-self:center;font-weight:300}h1.hero-text{margin:calc(5vh - 2rem) 0;font-size:19vw}h2.hero-text{margin:12px 0 3vh;font-size:5vmax}h3.hero-text{color:var(--primary-color);margin:8px 0;font-size:3vw}@media screen and (width<=650px){.top-nav{position:static}.hero-image{background-position:50% 0;background-size:250%;justify-content:space-evenly;height:100vh}h2.hero-text{margin-bottom:3vh;font-size:9vw}h3.hero-text{font-size:5vw}}.button-container{background-color:var(--background-color);flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem;display:flex}a.large-button{background-color:var(--primary-color);color:#fff;cursor:pointer;text-align:center;width:150px;height:150px;text-shadow:1px 1px 5px var(--primary-color), -1px -1px 5px var(--primary-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;text-decoration:none;transition:background-color .3s;display:flex}.large-button:hover{background-color:var(--secondary-color);text-shadow:1px 1px 5px var(--secondary-color), -1px -1px 5px var(--secondary-color)}.bio-section{color:#fff;background-color:#000;align-items:center;display:flex}.bio-text{flex:1;padding:2rem 3rem}.bio-text h2{color:var(--primary-color);margin-bottom:1rem;font-size:2rem}.bio-image{flex:1}.bio-image img{object-fit:cover;width:100%;height:auto}footer{background-color:var(--secondary-color);color:#fff;text-align:center;padding:1rem}.social-icons{justify-content:center;gap:1.5rem;display:flex}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:var(--primary-color)}@media screen and (width<=768px){.top-nav{flex-wrap:wrap;justify-content:center}.top-nav a{margin:.5rem}.large-button{width:120px;height:120px}}@media screen and (width<=800px){.bio-section{flex-direction:column-reverse}.bio-text{margin-bottom:1rem}}