body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{height:100%;width:100%}.App{background-color:#000}.story-container{min-height:-webkit-min-content;min-height:min-content;width:100%}.add-story-main-container{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.story-container-heading{margin-left:14%;margin-top:14%;text-align:center;width:73%}.story-container-heading h2{color:#fff;font-size:17px;font-weight:600}.story-container-heading h4{color:hsla(0,0%,100%,.854);font-size:14px;font-weight:300}.add-story-container{align-items:center;background-color:#801eb4;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:12%;justify-content:center;margin-left:31%;text-align:center;width:40%}.add-story-container h3{color:#fff;font-size:16px;position:relative}.add-story-container input{background-color:#7fffd4;color:#fff;height:5%;left:20%;position:absolute;top:42%;width:60%}.story-box{border:5px solid #710b0b;border-radius:10px;height:300px;margin:3%;width:30%}.story-box img{border-radius:10px;height:100%;object-fit:contain;width:100%}.nav-contents{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:flex-start;width:100%}.bar-icon{color:#fff;cursor:pointer;font-size:24px;margin-left:8%;margin-right:3%;position:relative}.heading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:100;margin-bottom:6px}.side-container{background-color:#ddcc0d;color:azure;left:0;min-height:100%;position:absolute;top:0;transition:left 1s ease-in-out;width:300px;z-index:1000}.intro{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.profile-pic{height:40px;margin-left:-30px;margin-top:10px;width:40px}.profile-pic img{border-radius:100px;height:100%;object-fit:fill;width:100%}.name{align-items:flex-start;display:flex;flex-direction:column;height:60px;justify-content:flex-start;margin-bottom:10px;margin-left:-90px}.name h5{margin-top:-20px}.settings{font-size:20px;margin-right:-40px}.item-container{align-items:center;border-radius:14px;display:flex;flex-direction:row;justify-content:flex-start;margin-left:3%;margin-right:3%}.icon-container{font-size:24px;margin-left:5%}.item-name{font-size:20px;margin-left:6%}.item-container:hover{background-color:#7c628a;cursor:pointer;transition:all 1s}.name h3{color:azure}
/*# sourceMappingURL=main.e231c3cd.css.map*/