thedroth-rocks/css/style.css

1 line
47 KiB
CSS
Raw Normal View History

2023-09-12 10:44:49 +03:00
:root{--page-margin:6vw;--entry-width:42rem;--navbar-height:4.4rem;--border-radius:6px;--gallery-gap:0.28333rem;--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:var(--body-font);--menu-font:var(--body-font);--font-weight-normal:400;--font-weight-bold:700;--headings-weight:700;--headings-transform:none;--line-height:1.7;--hero-height:80vh;--hero-bg:#17181E;--hero-heading-color:#FFFFFF;--hero-text-color:rgba(255,255,255,0.75);--hero-link-color:#FFFFFF;--hero-link-color-hover:rgba(255,255,255,0.75);--hero-border-color:rgba(255,255,255,0.3);--white:#FFFFFF;--white-rgb:255,255,255;--black:#000000;--dark:#17181E;--gray:#747577;--light:#E6E7EB;--lighter:#F3F3F3;--page-bg:#FFFFFF;--section-bg:#17181E;--color:#D73A42;--color-rgb:215,58,66;--text-color:#17181E;--headings-color:#17181E;--link-color:#17181E;--link-color-hover:#D73A42;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:246,220,144;--info-color:#A8D8FF;--info-color-rgb:168,216,255;--success-color:#A4E4B2;--success-color-rgb:164,228,178;--warning-color:#FFC1BF;--warning-color-rgb:255,193,191}@media all and (min-width:56.25em){:root{--navbar-height:6rem}}@media (prefers-color-scheme:dark){:root{--white:#FFFFFF;--white-rgb:255,255,255;--black:#FFFFFF;--dark:#CECBCB;--gray:#9D9D9D;--light:#373737;--lighter:#1e1e1e;--page-bg:#181818;--section-bg:#1e1e1e;--color:#FFC074;--color-rgb:255,192,116;--text-color:#BFBFBF;--headings-color:#EEEDED;--link-color:#EEEDED;--link-color-hover:#FFC074;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:24,24,24;--info-color:#5B9ED5;--info-color-rgb:24,24,24;--success-color:#54A468;--success-color-rgb:24,24,24;--warning-color:#FB6762;--warning-color-rgb:24,24,24}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}address{font-style:normal}.facebook{background:#3b5998}.twitter{background:#55acee}.mix{background:#fd8235}.instagram{background:#405de6}.vimeo{background:#1ab7ea}.pinterest{background:#bd081c}.youtube{background:#cd201f}.linkedin{background:#007bb6}.buffer{background:#333}.whatsapp{background:#25d366}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-size:clamp(1.1rem, 1.1rem + .1 * ((100vw - 20rem) / 50), 1.2rem);font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--page-bg);color:var(--text-color);font-family:var(--body-font);font-weight:var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none}a{text-decoration:none}a{color:var(--link-color);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}a:hover{color:var(--link-color-hover)}a:active{color:var(--link-color-hover)}a:focus{outline:0}.invert{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.invert:hover{color:var(--link-color)}.invert:active{color:var(--link-color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:calc(1.1333333333rem + .25vw)}blockquote,figure,hr,pre,table{margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-weight:var(--headings-weight);-