@import"https://fonts.googleapis.com/css?family=Patua+One&display=swap";*{box-sizing:border-box}a{text-decoration:none;color:gray;transition:color .5s ease}a:hover{color:#000}body{font-family:Open Sans,arial,sans-serif;margin:0;background:linear-gradient(45deg,#eee,#fff);background-attachment:fixed;letter-spacing:.03em;background-image:url(https://images.unsplash.com/photo-1465146344425-f00d5f5c8f07);background-position:center;background-repeat:no-repeat;background-size:cover;height:100%}body,html{height:100%;margin:0}html{min-width:100%;position:relative}@media (min-width: 860px){html{min-width:550px}}i{color:#0aa;font-size:2em}.img{max-height:100px;max-width:100px;margin-right:10px}p{font-size:14px;margin:0}small{font-size:12px;color:#a9a9a9}table{border-collapse:collapse;width:100%}table tr:hover,table tr.active{background-color:#333}i.fa{cursor:pointer;font-size:2em;transition:color .2s ease}i.fa:hover{color:#0a0}td{border-bottom:1px solid gray;padding:10px}#app,#header,#navbar{width:100%}#app{height:100%}#header{display:flex;align-items:center;justify-content:center}#navbar{height:50px;background-color:#eee;color:gray;align-items:center;justify-content:space-evenly}#pictures,#stories,#single-story,#single-author{align-items:center}#pictures,#stories{margin-top:15px}#stories{margin-right:15px}#stories.column{display:flex;flex-direction:column;gap:20px}#single-story p{margin:1% 15%}#single-story #comments,#single-author-detail,#single-author hr{width:100%;max-width:500px;margin:0 auto}#single-author-detail{justify-content:space-evenly;margin:2em auto}#single-author-nav a{margin:10px}.active{border-bottom:1px solid gray}.author{align-items:center;padding:15px}.author:hover{background-color:#eee}.center,.centered{display:flex;justify-content:center}.centered{align-items:center;flex-direction:column}.row,.container,.wrap{display:flex}.row{flex-direction:row}.column{display:flex;flex-direction:column}.container{flex-wrap:wrap}#container2{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.gray{color:gray}.story,.story2,.story3,#landing,.quotes .box{width:100%;margin:0 auto}.story{max-width:500px}.story2,.story3{max-width:370px;margin-bottom:15px}#landing{max-width:500px}.story h3{color:#000;margin:10px}.story p{margin-left:10px}.mr1{margin-right:1em}.padding{margin-left:10px}h1{color:#000}.opacity{background-color:#eee;margin-bottom:1px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;opacity:1}#container{display:flex;justify-content:center}#photo,.circle{width:100%;max-width:280px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;margin:15px auto;display:block}.quotes{min-height:150px;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:2}.quotes .box{max-width:550px;height:auto;min-height:auto;background:#f2f2f2;overflow:hidden;transition:all .5s ease-in;z-index:2;box-sizing:border-box;padding:15px 15px 15px 25px;box-shadow:-5px 5px 20px #0000004d}.quotes .box:before,.quotes .box:after{position:absolute;background:transparent;pointer-events:none}.quotes .box:before{top:-20px;left:5px;width:100%;height:100%;font-size:120px;opacity:.2}.quotes .box:after{bottom:-10%;right:5%;font-size:120px;opacity:1;filter:invert(1)}.quotes .box p{margin:0;padding:10px;font-size:1.2rem}.quotes .box h2{position:absolute;margin:0;padding:0;bottom:50%;right:10%;font-size:1.5rem}.quotes .box:hover{color:#f2f2f2;box-shadow:10px 5px 50px #00000080;opacity:1}.white-text{color:#fff}.title{font-family:Patua One,cursive}#project{text-decoration:none;color:#03247e;font-weight:700;text-shadow:1px 1px 2px rgb(111,111,255)}.shadow{text-shadow:1px 1px 2px rgb(94,94,94)}.padding-one{padding-top:10px}.story2:hover,.story3:hover,.story4:hover{background:linear-gradient(130deg,#fff,#ccc);box-shadow:0 0 15px #000;transition:.3s all ease-in-out;opacity:1}.story4:hover{width:100%;max-width:270px;height:auto}.contact-link{text-decoration:none;color:#000;transition:color .5s ease}.solid{opacity:1}.margin-bottom{margin-bottom:5px}.margin-left{margin-left:1em}.sticky{position:-webkit-sticky;position:sticky;top:0}#code{align-self:end;justify-content:flex-end;margin-right:10px}#info_div{display:flex;justify-content:flex-end}#source{font-size:13px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin-right:8px;position:relative;bottom:7px}#story_content{margin-left:10px}.space{margin:15px 0}@media only screen and (max-width: 860px){#photo{display:none}.story,.story2,.story3,.quotes .box,#landing,#photo,#single-story #comments,#single-author-detail{width:90vw;max-width:100%;margin:0 auto}}.not-found{display:flex;justify-content:center;align-items:center;height:100vh}.not-found-img{border-width:3rem;border-style:solid;border-color:#000;border-radius:15px}.responsive-image{width:100%;max-width:500px;height:auto;display:block;margin-left:auto;margin-right:auto}.left-column{margin-right:0}@media (min-width: 860px){.left-column{margin-right:30px}}