-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
1 lines (1 loc) · 5.13 KB
/
style.css
1
body{bottom:0;box-sizing:border-box;height:100vh;width:100vw;background-color:#adff2f}.clipped{font-size:80px;z-index:-1;position:relative;height:100vh;width:100vw;background-image:url(BCKIMG.svg);background-attachment:fixed;background-repeat:no-repeat}.camera{font-size:80px;margin-top:140px;position:relative;height:100vh;width:100vw}.main{overflow:hidden;color:#574848;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0,0px)}50%{transform:translate(0,25px)}100%{transform:translate(0,-0px)}}.typewrite{padding:12px;text-decoration:none;color:#fff}.textw{opacity:.8;border:5px hidden;border-radius:25px;width:300px;height:60px;font-size:40px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#000}.video{color:#000;right:0;bottom:0;min-width:100vw;min-height:100vh}.loader{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.location-tracking{text-decoration:none;display:inline-block;width:140px;height:50px;line-height:50px;border-radius:50px;margin:10px 20px;font-family:'Montserrat',sans-serif;font-size:11px;text-align:center;letter-spacing:3px;font-weight:600;color:#000;background:#fff;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.image-tracking{text-decoration:none;display:inline-block;line-height:50px;border-radius:50px;margin:10px 20px;font-family:'Montserrat',sans-serif;font-size:11px;text-transform:uppercase;text-align:center;letter-spacing:3px;font-weight:600;color:#000;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team{height:100vh;width:100vw}.site-footer{bottom:0;top:100000px;background-color:#26272b;padding:45px 0 20px;font-size:15px;line-height:24px;color:#737373;overflow-x:hidden}.site-footer hr{border-top-color:#bbb;opacity:.5}.site-footer hr.small{margin:20px 0}.site-footer h6{color:#fff;font-size:16px;text-transform:uppercase;margin-top:5px;letter-spacing:2px}.site-footer a{color:#737373}.site-footer a:hover{color:#36c;text-decoration:none}.footer-links{padding-left:0;list-style:none}.footer-links li{display:block}.footer-links a{color:#737373}.footer-links a:active,.footer-links a:focus,.footer-links a:hover{color:#36c;text-decoration:none}.footer-links.inline li{display:inline-block}.site-footer .social-icons{text-align:right}.site-footer .social-icons a{width:40px;height:40px;line-height:40px;margin-left:6px;margin-right:0;border-radius:100%;background-color:#33353d}.copyright-text{margin:0}@media (max-width:991px){.site-footer [class^=col-]{margin-bottom:30px}}@media (max-width:767px){.site-footer{padding-bottom:0}.site-footer .copyright-text,.site-footer .social-icons{text-align:center}}.social-icons{padding-left:0;margin-bottom:0;list-style:none}.social-icons li{display:inline-block;margin-bottom:4px}.social-icons li.title{margin-right:15px;text-transform:uppercase;color:#96a2b2;font-weight:700;font-size:13px}.social-icons a{background-color:#eceeef;color:#818a91;font-size:16px;display:inline-block;line-height:44px;width:44px;height:44px;text-align:center;margin-right:8px;border-radius:100%;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.social-icons a:active,.social-icons a:focus,.social-icons a:hover{color:#fff;background-color:#29aafe}.social-icons.size-sm a{line-height:34px;height:34px;width:34px;font-size:14px}.social-icons a.facebook:hover{background-color:#3b5998}.social-icons a.twitter:hover{background-color:#00aced}.social-icons a.linkedin:hover{background-color:#007bb6}.social-icons a.dribbble:hover{background-color:#ea4c89}@media (max-width:767px){.social-icons li.title{display:block;margin-right:0;font-weight:600}}table{border-collapse:collapse;border-spacing:0;width:70%;border:0 solid #ddd}th,td{text-align:left;padding:8px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.scroll{display:block;border:0 solid red;padding:5px;margin-top:5px;width:100%;height:100px;overflow-y:scroll;background-color:#212121;color:#c6dda2;position:absolute;right:0;width:60vw;height:100vh;border-radius:25px;font-size:20px;padding-left:32px;box-shadow:20px 20px 50px grey;box-sizing:border-box}textarea{position:absolute;left:-100%}#button{color:#36c;background:transparent;border:none;border-style:dashed;inset:10px;box-shadow:10px 10px #0b2c71}button:focus{outline:none;border:none}.tooltip{position:relative;border-bottom:1px dotted #000}.tooltip span{visibility:hidden;width:10em;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:9;top:-1em;left:100%;margin-left:1em;opacity:0;transition:opacity 1s}.tooltip span::after{content:"";position:absolute;top:1.5em;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #000 transparent transparent}.tooltip input{display:none}.tooltip input:checked+span{visibility:visible;opacity:1}.cam1{padding:5px;margin-top:5px;overflow-y:scroll;position:absolute;left:0;width:60vw;height:80vh;border-radius:25px;padding-right:32px;box-sizing:border-box}