@charset "UTF-8";
/* CSS Document for Studiovelika 1997 Less JavaSCRIPT movement*/

@font-face{font-family: 'SuisseIntl-Medium'; src: url('../fonts/SuisseIntl-Medium.otf') format('truetype'); font-weight: bold; font-style: normal;}
@font-face{font-family: 'AppleGaramond-Light'; src: url('../fonts/AppleGaramond-Light.ttf') format('truetype'); font-weight: light; font-style: normal;}

*{box-sizing: border-box; padding: 1rem;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
body{margin: auto; width: 100%; height: 100vh; font-family: 'SuisseIntl-Medium', sans-serif; line-height: 1rem; background-color: orangered; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased;}

header{background-color: transparent; padding: 3rem;}

.isologotype{width: 50%; height: auto; margin: auto;}
.user-interface-message{position: absolute; width: 25%; top: 1rem; right: auto; bottom: auto; left: 1rem; background-color: black; display: flex; justify-content: flex-start; align-content: flex-start; flex-direction: column; color: white; text-transform: uppercase; line-height: 1.25rem;}
.user-interface-message:hover{background-color: white; color: black;}
.user-interface-message span{padding: 0; letter-spacing: 0.125rem; font-size: 8px; display: block;}
.user-interface-message span:hover{background-color: black; color: white;}
#label-message-container{padding: 0;}
.close-button{position: absolute; width: 20px; height: 20px; top: 0; right: 0; text-align: center; background-color: white; color: black; padding: 0;}
.close-button:hover{color: white; background-color: black;}
input[type='checkbox']{display: none;}
input:checked + div{display: none;}
input:checked + .user-interface-message + .close-button{display: none;}