consulta de css, pues no puedo ver los bordes que he creado

/*reglas
selectores
propiedades
valores*/

/*
header {
    background: pink;
    color: red


}
*/
/*selector de etiqueta header article nav */
/*selector descendente*/
/*body.header.div.nav.ol.li.a..*/

/*selector de clase . */

/*.link*/

/*selector de id # */
/*portafolio*/
/*  */
body{
    font-family:'Source Sans Pro', sans-serif; 
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Fjalla One', sans-serif;
    font-weight:normal;
   /* font-style:italic; */
 }
 h1 {
     font-size: 40px;
     line-height: 1.5em;
     letter-spacing: -.2px;
     color:white;
     /*text-transform:uppercase;*/
}
h1 strong {
    color:#026fff;
}

.hero {
    height: 300px;
    background-image: url('../images/hero.jpg');
    background-color: #1b2127;
    background-size:500px 300px;
    background-repeat: no-repeat;
    background-position-x:right;
}
/* bordes */
.proyect{
    border-top: 10px solid red;
    border-right: 10px solid green;
}

.proyect-details {
    width:500px;
    
}

.proyect-imageContainer {
    width: 500px
}
.header {
    background-color:#1b2127;
    color:white;

}
.header a{
    color:white;
    text-decoration:none;
}

/*reglas
selectores
propiedades
valores*/

/*
header {
    background: pink;
    color: red


}
*/
/*selector de etiqueta header article nav */
/*selector descendente*/
/*body.header.div.nav.ol.li.a..*/

/*selector de clase . */

/*.link*/

/*selector de id # */
/*portafolio*/
/*  */
body{
    font-family:'Source Sans Pro', sans-serif; 
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Fjalla One', sans-serif;
    font-weight:normal;
   /* font-style:italic; */
 }
 h1 {
     font-size: 40px;
     line-height: 1.5em;
     letter-spacing: -.2px;
     color:white;
     /*text-transform:uppercase;*/
}
h1 strong {
    color:#026fff;
}

.hero {
    height: 300px;
    background-image: url('../images/hero.jpg');
    background-color: #1b2127;
    background-size:500px 300px;
    background-repeat: no-repeat;
    background-position-x:right;
}
/* bordes */
.proyect{
[b]    border-top: 10px solid red;
    border-right: 10px solid green;
}[/b]

.proyect-details {
    width:500px;
    
}

.proyect-imageContainer {
    width: 500px
}
.header {
    background-color:#1b2127;
    color:white;

}
.header a{
    color:white;
    text-decoration:none;
}

<html>
   <head>
      <style>
          .proyect{
             border-top: 10px solid red;
             border-right: 10px solid green;
          }
      </style>
   </head>
   <body>
      <div class="proyect" style='color:red; width:500px; height:500px;'>
          asdasd
     </div>
   <body>
<html>