I'm having some trouble connecting my CSS to my HTML.
This is the structure of my folders:
https://i.sstatic.net/B9bHx.png Here is my HTML code: https://i.sstatic.net/XyE4E.png
I've tried several methods to make it work.
Interestingly, everything works fine on index.html. I even tried opening the HTML files in a browser outside of Intellij IDEA, and it still worked. So what could be the issue?
This is my CSS code:
body {
font-family: Arial;
font-size: 150%;
color: #03436A;
background-image: url(../images/background.jpg);
}
.field {
background: rgba(0,0,0,0);
}
.button {
border: 0;
padding: 0;
font-weight: 700;
color: white;
text-decoration: none;
padding: .8em 1em calc(.8em + 3px);
border-radius: 3px;
background: #26527C;
box-shadow: 0 -3px #04396C inset;
transition: 0.2s;
}
.button:hover {
background: #408AD2;
}
.button:active {
background: #04396C;
box-shadow: 0 3px rgb(33,147,90) inset;
}
@-webkit-keyframes autofill {
to {
color: inherit;
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}