@charset "UTF-8";
/* CSS Document for Studiovelika 1997 */
/* improving the Less JAVAScript movement */
/* made with love in Studiovelika. Buenos Aires, August, 2020. */

@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;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
body{margin: auto; padding: 1rem 0 0 0; width: 90%; height: 100vh; font-family: 'SuisseIntl-Medium', sans-serif; line-height: 1rem; background-color: #ffffff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased;}

.top-information-container{display: flex; justify-content: space-between; align-content: flex-start; border-bottom: 2px solid #000000; padding: 0 0 0.5rem 0;}
.top-information-left{position: relative; width: auto; height: auto; font-size: 0.8rem; color: #575757; text-align: left; font-family: 'AppleGaramond-Light'; font-weight: lighter;}
.top-information-right{position: relative; width: auto; height: auto; font-size: 0.8rem; color: #575757; text-align: right; font-family: 'SuisseIntl-Medium'; font-weight: bold;}

header{padding: 1rem 0; font-size: 2rem; line-height: 1.5rem; letter-spacing: -0.025rem; text-align: left; display: flex; justify-content: space-between; align-content: flex-start; position: fixed; width: 90%; background-color: #ffffff;}
.isologotype{width: 100%; height: 2rem;}

.menu-list-trigger{position: relative; display: inline-flex;}
.menu-list-trigger-button{margin: 0; padding: 0; font-family: 'SuisseIntl-Medium'; font-weight: bold; border: 0; background-color: transparent; font-size: 1.75rem;}
.menu-list{position: absolute; width: 100%; height: 100%; top: 3rem; display: none; line-height: 2rem; text-align: right; z-index: 9999;}
.menu-list a:link{padding: 1rem; text-decoration: none; color: #000000; background-color: transparent;}
.menu-list a:hover{color: lightgoldenrodyellow; background-color: violet;}
.menu-list a:active{color: lightpink; background-color: palevioletred;}
.menu-list a:visited{color: darkslateblue;}
.menu-list-trigger:hover .menu-list{display: block;}

.right-menu-elements{width: 25%; background-color: #ffffff; display: flex; justify-content: flex-end; align-content: flex-start; align-items: center; align-self: flex-start;}
.right-menu-elements > span > i{font-size: 0.8em;}
.external-media-icon{width: auto; height: 2rem;}
.email-link{font-size: 0.8rem;}
.email-link:hover{color: lightgoldenrodyellow; background-color: lightskyblue;}
.right-menu-elements > .external-media-icon{padding-right: 0.5rem;}
.right-menu-elements > span > i{padding-right: 0.5rem;}

#featured-random-works{width: 100%; height: 100vh; background-color: lightpink; margin: 100px 0 0 0; padding: 3rem;}