@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap);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}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}.App{align-items:center;background:#000;display:flex;font-family:Source Sans Pro,sans-serif!important;justify-content:center;min-height:100vh}.green,.red{cursor:pointer;transition:.5s}.red{color:red}.green{color:green;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.iphone{background:#343232;border-radius:50px;position:relative;top:200px;width:350px}.iphone:before{background:#000;content:""}.inner,.iphone:before{border-radius:48px;inset:3px;position:absolute}.inner{background:linear-gradient(20deg,purple,blue);background-position:50%!important;background-size:cover!important;border:10px solid #000;display:flex;justify-content:center;opacity:1;transition:.5s}.btn{background:radial-gradient(#ccc,#555,#222);border-bottom-left-radius:4px;border-top-left-radius:4px;height:26px;left:-2px;position:absolute;top:110px;width:3px;z-index:10}.btn2{height:40px;top:160px}.btn3{height:40px;top:220px}.rightButton{background:radial-gradient(#ccc,#555,#222);border-bottom-right-radius:4px;border-top-right-radius:4px;height:30px;position:absolute;right:-2px;top:170px;width:3px;z-index:10}.dynamic_island{align-items:center;background:#000;border-radius:20px;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;top:10px;transition:.5s ease-in-out;width:100px}.dynamic_island:hover{height:25px;width:200px}.content{color:#fff;display:flex;justify-content:space-between;line-height:25px;padding:10px;position:relative;width:100%}.content p{cursor:pointer;font-size:.6em}.action,.content p{color:#fff;opacity:0;transition:.5s}.action{display:flex;gap:12px;position:relative;top:5px;visibility:hidden}.dynamic_island.active .action,.dynamic_island.active p,.dynamic_island:hover .action,.dynamic_island:hover p{opacity:1;transition-delay:.25s;visibility:visible}.dynamic_island.active p{font-size:1.2em}.dynamic_island.active .red{background:red;border-radius:50%;box-shadow:0 0 0 8px red;color:#fff;margin-right:12px}.dynamic_island.active .green{background:green;border-radius:50%;box-shadow:0 0 0 8px green;color:#fff;margin-right:8px}.details{align-items:center;display:flex;position:relative}.details .imgBox{background:#fff;border-radius:50%;height:0;overflow:hidden;position:relative;transition:.5s;width:0}.dynamic_island.active .details .imgBox{height:40px;margin-right:8px;width:40px}.dynamic_island.active .action{top:12px}.dynamic_island .imgBox img{height:100%;left:0;object-fit:cover;position:absolute;top:10px;width:100%}.hero-headline{-webkit-background-clip:text;background-clip:text;background-color:#ffb6ff 0;background-image:linear-gradient(180deg,#ffb6ff,#b344ff);color:transparent;display:inline-block;margin-top:16px;overflow:hidden;padding-top:.5px;will-change:transform}.title-text{font-size:35px}.title-subtext,.title-text{color:#fff;font-weight:400;letter-spacing:.011em;line-height:1.381002381;text-align:center}.title-subtext{bottom:200px;font-size:20px;left:20px;position:absolute}.side-bar{height:100vh;left:0;position:fixed;top:0;width:200px}.title-block{margin-top:-80px}.clock{color:#fff;font-weight:200;position:relative;text-align:center;top:60px}.clock h4{font-size:15px;font-weight:400;margin-bottom:-10px}.clock h1{font-size:60px}.notifications{bottom:120px;position:absolute;width:80%}.notification{background:rgba(0,0,0,.5);border-radius:10px;color:#fff;display:flex;list-style:none;margin-bottom:5px;padding:10px;width:100%}.notification-icon{width:20%}.notification-details{width:80%}.notification-title{font-size:8px;font-weight:600;margin-bottom:5px}.notifications-title{color:#fff;font-size:15px;font-weight:400;margin-bottom:5px}.notification-time{font-size:8px;font-weight:400;margin-bottom:5px;text-align:right;width:50px}.big-actually{text-align:center;width:100%}.icons{bottom:30px;position:absolute;width:80%}.camera-icon{bottom:0;position:absolute;right:0}.glow{background:radial-gradient(ellipse at center,#fff 0,hsla(0,0%,100%,0) 50%);border-radius:50%;bottom:-40px!important;height:100px;margin-left:-170px;opacity:.3;position:absolute;width:700px}.apple-logo{left:50%;margin-left:-25px;margin-top:-150px!important;position:absolute}
/*# sourceMappingURL=main.173649fe.css.map*/