/*

CSS for CONTACT.MINTY.NU [ver. 4]
Hand-coded by Ainna (https://fan.minty.nu) (c) 2020-23
Featuring Min Yoongi (BTS SUGA), managed by BigHit Entertainment

Image use is guided by the Fair Use Clause: 
https://fairuse.stanford.edu/overview/fair-use/what-is-fair-use/

No copyright infringement intended. 

*/



































































































































































































/*

                         -------------------------------
                         |          L E A R N          |         
                         |                             |
                         |           F R O M           |
                         |                             |
                         |           Y O U R           |
                         |                             |
                         |            O W N            |        
                         |                             |
                         |       S O U R C E S !       |    
                         -------------------------------

I put together a LOT of tutorials in the web to come up with this final design.
Copying+pasting my CSS is absolutely NOT okay. 

*/













































































































































































































































/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e6f1e0; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #dbf1cf; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cfefbe; 
}

html, body {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

body {
    margin: 0px;
    padding: 0px;
    font: 18px/150% 'Raleway', Verdana, Arial, Sans-Serif;
    background: #e6f1e0 url(agustdbg.jpg) repeat;
    background-position: fixed;
    color: #77bebe;
    height: 100%;
    text-align: justify;
}


a, a:visited, a:active  {
    color:#9c605d;
    text-decoration: none;
    color: #7089a9;
}

a:hover, #footer a:hover {
    color:#c57f7f;
    text-decoration: none;
}

h1 {
    font: 24px/120% 'Raleway', Sans-serif;
    color: #6fa2b6;
    text-align:center;
    letter-spacing:-1px;
}

b, strong {
    color: #72a7c0;
}

fieldset {
    border:0px;
    margin:auto;
}

input, textarea, select, button {
    border:0;
	border-bottom: 1px solid #1B2F4F;
	font: 16px/100% 'Raleway', Sans-serif;
	background: rgba(160, 211, 212, 0.3);
	padding: 5px;
	padding: 10px;
	width: 400px;
}

textarea {
overflow-x: hidden;
overflow-y: hidden;
width: 400px;
height: 200px;
}

::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
}

.row {
    margin: 0 auto;
    width: 95%;
    padding-left: 6%;
}

/*
.corners, input, textarea, select, button, #success_message, #error_message {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px; 
}*/

.opacity, input, textarea, select, button, .at {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    opacity: 0.65;
}

input:hover, textarea:hover, button:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}


#success_message, #error_message {
    font-size: 20px;
    margin: 0 auto;
    background: rgba(213, 232, 202, 0.4);
    padding: 20px;
    width: 65%;
    height: 100%;
    display: none;
    text-align: center;
}

.clearfix {
	clear: both;
}


#gray {
    margin: 0 auto;
    height: 100%;
    width: 630px;
}

#vers {
    margin: 0 auto;    
    background: url('yoongi 2025 contact.png') no-repeat;
    width: 630px;
    height: 419px;
}

#nsnucon {
    background: rgba(255, 255, 255, 0.2);
}

#nsnu {
  margin: 0 auto;
  width: 90%;
  height: 100%;
}

#nsnu .post {
    /*position: relative;
    top: -40px;*/
    margin-bottom: 40px;
    color: #8c7b8e;
    margin: 0 auto;
    width: 90%;
}

.entry, .todo {
    background: rgba(255, 255, 255, 0.2);
    padding: 30px;
    margin: 0 auto;
    z-index: 5;
    border-radius: 15px 40px;
}

.entry {
    width: 550px;
    position: relative;
    top: -40px;
    left: -40px;
}

.todo {
    width: 90%;
    padding: 10px;
}

#menu {
  font: 32px/120% 'Raleway';
  padding: 10px;
  letter-spacing: 2px;
}

#menu .contact {
    float: right;
    font-size: 24px;
    letter-spacing: 5px;
    color: #96bece;
}

#menu a, #menu a:active, #menu a:visited {
    color: #41877c;
    border-bottom: 1px dotted #fff;
}

#menu a:hover {
    background: rgba(255, 255, 255, 0.5);
}

.accent {
  color: #c07e8f;
  border-bottom: 1px dashed #8bc2a7;
}

.center {
    text-align:center;
}

#footer {
    text-align: center;
    width: 100%;
    font: 11px/100% 'Raleway', Verdana, Sans-Serif;
    color: #96bece;
    z-index:3;
    padding-bottom: 20px;
    margin:0 auto;
}

.social {
    width: 60%;
    margin: 0 auto;
}

.bullet {
    width: 25px;
    height: 25px;
}