Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: 'Dosis', sans-serif;
- background: #ffffff;
- height: 100%;
- width: 100%;
- color: #ffffff;
- background: -webkit-linear-gradient(bottom, #bababa, #ffffff);
- /* For Safari */
- background: -o-linear-gradient(top, #bababa, #ffffff);
- /* For Opera */
- background: -moz-linear-gradient(top, #bababa, #ffffff);
- /* For Firefox*/
- background: linear-gradient(to top, #bababa, #ffffff);
- /* Standard syntax */
- }
- a,
- a:focus,
- a:hover {
- color: #ffffff;
- }
- ::-webkit-scrollbar {
- display: none;
- }
- ::scrollbar {
- display: none;
- }
- ::-moz-selection {
- /* Code for Firefox */
- color: #ffffff;
- background: #00775A;
- }
- ::selection {
- color: white;
- background: #00775A;
- }
- input {
- caret-color: #040157;
- }
- input:active {
- -webkit-box-shadow: inset 0px 0px 50px 5px rgba(4, 1, 87, 0.5);
- -moz-box-shadow: inset 0px 0px 50px 5px rgba(4, 1, 87, 0.5);
- box-shadow: inset 0px 0px 50px 5px rgba(4, 1, 87, 0.5);
- }
- .shadow {
- -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
- box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
- }
- .shadow:hover {
- -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
- box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
- }
- .site-gradient {
- background: #000000;
- background: -webkit-linear-gradient(left bottom, #040157, #00775A);
- /* For Safari */
- background: -o-linear-gradient(top right, #040157, #00775A);
- /* For Opera */
- background: -moz-linear-gradient(top right, #14131f, #00775A);
- /* For Firefox*/
- background: linear-gradient(to top right, #040157, #00775A);
- /* Standard syntax */
- -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
- box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
- }
- #nav {
- justify-content: center;
- text-align: justify;
- padding: 1.5rem 0;
- position: relative;
- z-index: 500;
- }
- #header-links {
- text-decoration: none;
- align-items: center;
- }
- #header {
- font-size: 2rem;
- white-space: normal;
- font-weight: 500;
- margin: 0 0.25rem;
- }
- #social-media {
- width: 100%;
- }
- #social-media-icons {
- text-decoration: none;
- margin: 0 -0.25rem;
- }
- #social {
- width: 2.5rem;
- height: 2.5rem;
- }
- #main {
- margin: auto;
- display: flex;
- min-height: 100vh;
- height: 100%;
- width: 100vw;
- align-items: center;
- justify-content: center;
- }
- #igpreview {
- display: flex;
- margin: -5rem auto auto auto;
- position: relative;
- text-align: center;
- justify-content: center;
- max-width: 75vw;
- border: 0.25rem solid #ffffff;
- -webkit-transition: all 1s ease;
- transition: all 1s ease;
- -moz-transition: all ease 1s;
- -o-transition: all ease 1s;
- }
- #igpreview:hover {
- transform: scale(1.05);
- -webkit-transition: all 1s ease;
- transition: all 1s ease;
- -moz-transition: all ease 1s;
- -o-transition: all ease 1s;
- }
- #ytlink {
- color: #000000;
- text-align: center;
- padding: 1.5rem 0;
- margin: 0.25rem;
- border-radius: 10rem;
- font-weight: 500;
- font-size: 1rem;
- width: 90vw;
- border: none;
- }
- #igloadbtn {
- color: #ffffff;
- padding: 0.75rem;
- border-radius: 15rem;
- letter-spacing: 0.5rem;
- font-weight: 500;
- font-size: 1.25rem;
- }
- #igloadbtn:active {
- filter: brightness(1.5);
- }
- .igloadbtn {
- color: #ffffff;
- border: none;
- white-space: nowrap;
- min-width: 50vw;
- padding: 0.75rem;
- margin: 0.5rem 0;
- text-align: center;
- border-radius: 15rem;
- font-weight: 700;
- font-size: 1.25rem;
- }
- .igloadbtn:active {
- filter: brightness(1.5);
- }
- .result {
- margin: 0 auto;
- padding: 4em 1em;
- max-width: 40em;
- }
- .result video, .result img {
- width: calc(100% - 4em);
- margin: 2em;
- }
- .result .download {
- text-decoration: none;
- display: inline-block;
- padding: 0.5em 1em;
- background: #208bfd;
- border-color: #208bfd;
- border-width: 1px;
- color: #f9f9f9;
- transition: all 500ms ease;
- }
- .result .download:focus, .result .download:hover {
- background: #208bfd;
- border-color: #f9f9f9;
- cursor: pointer;
- transition: all 500ms ease;
- }
- #footer {
- padding: 0.5rem;
- font-weight: 500;
- font-size: 1.5rem;
- }
- @media only screen and (max-height: 440px) {
- #nav {
- padding: 0.25rem;
- }
- #main {
- margin: 3rem auto;
- }
- }
- @media only screen and (max-height: 380px) {
- #header {
- font-size: 3vw;
- }
- #main {
- margin: 5rem auto;
- }
- }
- @media only screen and (max-height: 280px) {
- #main {
- margin: 7rem auto;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement