@import "slovenscina-theme.scss"; h1 { font-size: 30px; font-style: normal; font-weight: 300; line-height: 35px; color:$blue; } h2 { font-size: 18px; font-style: normal; font-weight: 300; line-height: 21px; text-transform: uppercase; color:$blue; } h3 { font-size: 18px; font-style: normal; font-weight: 300; line-height: 21px; } em { font-weight: 300; } .btn { border:none; line-height: 2.5rem; padding: 0 2.5rem; color:white; background: $blue; border-radius: 20px; font-size: 1.125rem; font-weight: 400; cursor: pointer; transition: opacity 0.3s ease-out; &:hover { opacity: 0.8; } } .input-wrapper { position:relative; height:66px; .input-icon { position:absolute; left:0; top:0; display:block; width:1.5rem; } .input-floating-label { position:absolute; left: 46px; right:0; display:block; input { padding:4px 0; background: none; border:none; display:block; width:100%; border-bottom: 2px solid $grey; } .floating-label { position: absolute; top: -14px; font-size: 10px; color: $black; } } } .panel { background: $white; padding: 40px 60px; border-radius: 20px; .panel-logo { position:absolute; top: -60px; left:0; right:0; display:block; margin:auto; background: $white; padding:20px 30px; width: 100px; border-radius: 100%; text-align: center; } } .line { background: $grey; height:2px; width:200px; margin: auto; } .a-right { display:block; text-align: right; font-size:10px; text-decoration: none; color:$blue; text-transform: uppercase; } .alert { position:relative; color:$red; img { position:relative; top:0.25rem; width:1.8rem; } p { position: absolute; left:3rem; top: 0; margin:0; text-transform: uppercase; } } .submit-alert { background:white; border: 2px solid $green-light; box-sizing: border-box; border-radius: 8px; .btn { margin-top:0.5rem; background: $green; border-radius: 4px; } }