@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;500;600;700&display=swap');

#alarm {position: fixed; display: inline-block; width: 100%; background-color: crimson; top: 0; left: 0%; padding: 10px 0; font-weight: 700; font-size: 16px; color: white;}

body {font-family: 'Cormorant', serif; text-align: center; padding: 5% 15%;}

#links {position: fixed; right: 3%; bottom: 5%; display: block; background-color: slateblue; padding: 10px; border-radius: 50px;}
#links img {width: 35px; height: 35px;}
.clients {font-size: 18px; color: #999; font-weight: 300;}

.stamp {display: block; position: relative; width: 80px; height: 80px; background-size: cover; background-image: url(/i/stamp.svg); border: 0; left: 50%; margin: 20px 0 50px -40px;}
.stamp:hover {opacity: 0.5;}

h1 {font-size: 70px; font-weight: 700; line-height: 1.1; margin: 5% 0;}
h2 {font-size: 46px; font-weight: 300; line-height: 1.3; margin: 5% 0;}
h3 {margin-top: 50px; font-weight: 600; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; color: #777;}
h4 {font-size: 20px; font-weight: 700; margin: 1% 0 0 0; text-transform: uppercase; letter-spacing: 2px;}
h5 {opacity: 0.3;}
p {font-size: 24px; font-weight: 300; line-height: 1.2;}

#marketplaces {font-size: 22px; font-weight: 700;}
.marketplace {display: inline-block; padding: 10px 20px; border-radius: 50px;}
.mp-os {background-color: #3e81db; color: white;}
.mp-fnd {background-color: black; color: white;}
.mp-rbl {background-color: #f9da4a; color: black;}
.mp-obj {background-color: grey; color: white;}

#marketplaces a:link, #marketplace a:visited {display: inline-block; color: white; text-decoration: none; border: none; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
#marketplaces img {width: 20px; margin: 0 10px -3px 0;}
.mp-rbl a:link, .mp-rbl a:visited {color: black;}
#marketplaces a:hover {opacity: 0.8;}


.button a:link, .button a:visited {border: 0; color: white; margin: 10px 0; display: inline-block; font-size: 24px; font-weight: 700; line-height: 0.5; padding: 15px 35px; border-radius: 30px; background-color: #000;}
.button a:hover {color: white; background-color: #333;}

.big {width: 80%;}

.link {display: inline-block; font-weight: 500; color: white; font-size: 20px; background-color: #333; padding: 10px 20px; border-radius: 25px;}
.link a:link, .link a:visited {border: 0; color: white;}
.link a:hover {color: white;}
.link:hover {color: white; background-color: #000;}

.lang {font-size: 20px; margin: 3% 0 0 0;}

a:link, a:visited, a:active {color: #000; text-decoration: none; border-bottom: 1px solid;}
a:hover {color: red; border: none;}

.col {position: relative; padding: 5%; overflow: hidden; width: 38%; border-radius: 10px; margin: 5% 0 0 0;}
.left {float: left;}
.right {float: right;}
.col:hover {}
.new {display: inline-block; position: absolute; margin-top: -5px; margin-left: 5px; width: 20px; height: 20px;}

.soldout {letter-spacing: 1px; display: inline-block; font-weight: 700; color: #333; background-color: white; font-size: 12px; border: 1px solid #e1e1e1; padding: 5px 10px; text-transform: uppercase; border-radius: 20px; width: auto; margin: 0 0 5% 0;}
.tag {letter-spacing: 1px; display: inline-block; font-weight: 700; color: #333; background-color: none; font-size: 12px; border: 1px solid #333; padding: 5px 10px; text-transform: uppercase; border-radius: 20px; width: auto; margin: 0 0 5% 5px;}
.verified {background-color: white; color: #3e81db; border-color: #3e81db;}
.collection-image {height: 150px; text-align: center;}
.collection-image-featured {width: 100%; border-radius: 20px;}
.collection-wide {width: 100%; text-align: center; border: 1px solid #f5f5f5; border-radius: 25px;}

.nd {color: white; background-color: #c04033;}
.rnd {background-color: #F8F8FF;}
.popsiki {background-color: ghostwhite;}
.mc {background-color: #b9b7f4;}
.grey {background-color: #f7f7f7;}
.party {background-color: #c4f5c1;}
.lsc {background-color: #edeef4;}
.fnd {background-color: white; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 2px inset;}
.xtz {background-color: #edf7f3;}

#social {padding: 0; margin: 10% 5% 0 5%; width: 90%; clear: both; padding: 20px 0 100px 0;}
#social img {width: 30px; height: 30px; margin: 0 10px 0 0; filter: grayscale(100%); opacity: 0.5;}
#social img:hover {filter: grayscale(0%); opacity: 1;}
#social a {border: 0;}

#footer {position: relative; padding: 30px 0 50px 0; display: block; clear: both;}